<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

body, td, th, input, textarea, select { font-family: "Microsoft YaHei", 微软雅黑, "Open Sans", Economica, sans-serif; color: #777177; outline: none; letter-spacing: 0.05rem; }
html { font-size: 62.5%; }
html, body { background: #fff; }
html, body, form { margin: 0; }
body { max-width:1920px; margin:0px auto; }
img { border: 0px none; vertical-align: middle; outline: none; max-width: 100%; width: auto; height: auto; }
ul, dl { display: block; margin: 0; padding: 0; }
dd { margin: 0; padding: 0; }
li { list-style: none; }
p { display: block; margin: 0; padding: 0; }
a, button, input, img, div, p, li, span { border: 0px none; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a, a:hover { text-decoration: none; color: #777177; outline: none; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-tap-highlight-color: transparent; }
a:active { color: #D6000F; }

mark{display:inline-block;}


#banner{position:relative; width:100%; height:100%; z-index:2; overflow:hidden;}
#banner video{position:absolute; z-index:1; left:0px;}
#banner .mask{width:100%; height:100%; position:absolute; z-index:2; background:url('img/banner_mask.png') repeat-x center center; background-size:auto 100%;}
#banner .vimg{display:none; position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:url('img/v.jpg') no-repeat 25% bottom; background-size:cover;}

#banner .con{position:absolute; z-index:4; width:100%; left:0; top:33.5%; color:#fff; line-height:1.1; text-align:center;}
#banner .tit{font-size:14rem; font-weight:360; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#banner .desc{font-size:6.7rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; color:#005AAD;}
#banner .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; border:1px solid #fff; color:#fff; margin:60px auto; border-radius:3px; padding-right:30px; position:relative; transition:all .3s;}
#banner .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#fff; right:50px; top:20px; transition:all .3s;}
#banner .more:hover{background:#fff; color:#005AAD;}
#banner .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#fff; right:56px; top:14px;transition:all .3s;}
#banner .more:hover:before, #banner .more:hover:after{transform:rotate(180deg); background:#005AAD;}

#banner .mouse, #bans .mouse{border:1px solid rgba(255,255,255,.7); width:20px; height:32px; position:absolute; z-index:4; left:50%; bottom:50px; margin-left:-10px; border-radius:20px;}
#banner .mouse:after, #bans .mouse:after{content:''; display:block; width:2px; height:4px; background:rgba(255,255,255,.8); position:absolute; left:50%; top:5px; margin-left:-1px; animation:mouse-middle .86s ease infinite;}
@keyframes mouse-middle{
  0% {opacity:.8;}
  50% {opacity:1; top:15px; height:7px;}
  100% {opacity:0; top:28px; height:4px;}
}

#lan{width:130px; float:right; margin-top:70px; margin-right:20px; position:relative; transition:all .25s; z-index:2;}
#lan .tit{font-size:1.5rem; color:#fff; height:40px; line-height:40px; transition:all .25s;}
#lan .tit i{display:inline-block; height:32px; margin:0 10px auto auto; font-family:"iconfont" !important; font-size:27px;  font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; line-height:1; transition:all .25s;}
#lan&gt;div{position:absolute; left:-10px; top:60px; width:140px; transition:all .45s; height:0; overflow:hidden; transition:height .45s;}
#lan&gt;div.active{height:140px;}
#lan&gt;div&gt;a{display:block; height:42px; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; background:#005AAD; font-size:1.5rem; line-height:40px; border-bottom:1px solid rgba(255,255,255,.16); position:relative; transition:all .2s; padding-left:20px;}
#lan&gt;div&gt;a img{height:19px; margin:-2px 8px auto auto;}
#lan&gt;div&gt;a span{position:relative; display:block; z-index:2;}
#lan&gt;div&gt;a:hover{background:#eee; color:#464646;}
#lan&gt;div&gt;a:last-child{border-bottom:0px none;}
/*#lan&gt;div&gt;a:first-child:before{content:''; display:block; width:17px; height:17px; position:absolute; right:35px; top:5px; background:#005AAD; transform:rotate(45deg); z-index:1; transition:top .25s;}
#lan&gt;div&gt;a:hover:before{background:#eee;}
#lan&gt;div.active&gt;a:first-child:before{top:-9px; transition:top .25s;}*/

#head.sm #lan{margin-top:8px;}
#head.sm #lan .tit{font-size:1.5rem; color:#464646;}
#head.sm #lan .tit i{color:#464646;}
#head.sm #lan&gt;div{top:52px;}

@media (max-width:1080px){
  #lan{margin-top:68px;}
  #lan .tit{font-size:1.3rem;}
  #head.sm #lan .tit{font-size:1.3rem;}
}
@media (max-width:920px){
  #lan{margin-top:16px; margin-right:0;}
  #lan&gt;div&gt;a{transition:none;}
  #lan&gt;div&gt;a img{margin-top:0 !important;}
  #head.sm #lan{margin-top:11px;}
  #head.sm #lan&gt;div{top:49px;}
}


#m1{position:relative; height:100%; z-index:1; background:#fff;}
#m1 a{width:33.33333%; height:100%; float:left; display:block; position:relative; text-align:center; transition:all .25s;}
#m1 a .img{width:58%; height:auto; position:absolute; z-index:1; left:50%; bottom:50px; margin-left:-29%; transition:all .3s;}
#m1 a .con{width:100%; position:absolute; height:100%; z-index:2; border-right:1px solid #e6e6e6; box-sizing:border-box;}
#m1 a .tit{font-size:4.2rem; color:#666; padding-top:130px; position:relative; transition:all .2s; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#m1 a .tit:after{content:''; display:block; height:1px; background:#666; width:50px; position:absolute; bottom:-30px; left:50%; margin-left:-30px; transition:all .2s;}
#m1 a .txt{font-size:1.7rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; margin-top:80px; padding:0 80px; color:#999; line-height:1.8; transition:all .2s;}
#m1 a .more{display:block; width:46px; height:46px; border:1px solid #888; border-radius:100%; position:absolute; left:50%; top:35%; margin-left:-25px; transition:all .3s;}
#m1 a .more:before{content:''; display:block; width:22px; height:2px; background:#666; position:absolute; left:50%; top:50%; margin:-1px auto auto -11px; transition:all .3s;}
#m1 a .more:after{content:''; display:block; width:2px; height:22px; background:#666; position:absolute; left:50%; top:50%; margin:-11px auto auto -1px; transition:all .3s;}
#m1 a:hover{background:#eee;}
#m1 a:hover .tit{padding-top:160px; color:#005AAD;}
#m1 a:hover .tit:after{bottom:80px; background:#005AAD; width:100px; margin-left:-50px;}
#m1 a:hover .txt{margin-top:50px;}
#m1 a:hover .more{border:1px solid #005AAD; background:#005AAD;}
#m1 a:hover .more:before, #m1 a:hover .more:after{background:#fff; transform:rotate(180deg);}
#m1 a:hover .img{width:65%; margin-left:-32.5%;}

@media (max-width:1440px){
  #m1 a .tit{font-size:3.6rem;}
  #m1 a .txt{font-size:1.6rem; padding:0 50px;}
  #m1 a .more{top:46%;}
}
@media (max-width:1366px){
  #m1 a .tit{font-size:3.6rem; padding-top:115px;}
  #m1 a:hover .tit{padding-top:145px;}
  #m1 a .txt{font-size:1.5rem; padding:0 45px;}
  #m1 a .more{top:48%;}
}
@media (max-width:1280px){
  #m1 a .tit{font-size:3.4rem;}
  #m1 a .txt{margin-top:70px; padding:0 35px;}
}
@media (max-width:1080px){
  #m1 a .tit{font-size:3rem;}
  #m1 a .txt{font-size:1.5rem;}
  #m1 a .more{top:50%;}
}
@media (max-width:920px){
  #m1{height:auto;}
  #m1 a{width:100%; height:auto; float:none; position:relative; text-align:center; transition:all .25s; border-bottom:1px solid #eaeaea;}
  #m1 a .img{position:relative; bottom:auto; padding:80px 0 60px 0;}
  #m1 a .con{border:0px none; position:relative;}
  #m1 a .tit{padding-top:50px;}
  #m1 a .more{top:44%; width:36px; height:36px;}
  #m1 a .more:before{width:18px; height:2px;margin:-1px auto auto -9px;}
  #m1 a .more:after{width:2px; height:18px; margin:-9px auto auto -1px;}
  #m1 a:hover .tit{padding-top:50px;}
  #m1 a:hover .tit:after{bottom:-30px;}
  #m1 a:hover .txt{margin-top:80px;}
}

#m2 { position: relative; z-index: 2; overflow: hidden; }
#m2 .bg01 { width: 100%; padding:5% 15px; background: url('img/m2.jpg') no-repeat center; background-size: cover; }
#m2 .bg02 { width: 100%; padding:5% 15px; background: url('img/m4.jpg') no-repeat center; background-size: cover; }

#m2 .tit { margin-left: 1%; color: #FFFFFF; font-size: 38px; font-weight: bold; position: relative; z-index: 2; }
#m2 .tit-sub { margin-left: 1%; color: #FFFFFF; font-size: 2.2rem; font-weight: 300; position: relative; z-index: 2; line-height: 1; letter-spacing: 0.1rem; }
#m2 .tit-sub&gt;div { display: inline-block; padding: 8px 10px 8px 0px; line-height: 1; font-size: 2rem; }
#m2 .tit-sub&gt;p { display: inline-block; color: #fff; background: #005AAD; padding: 8px 10px 8px 10px; line-height: 1; font-size: 2rem; }
#m2 .tit-sub&gt;p&gt;span { font-weight: 300; }
#m2 .tit-sub:after { content: ''; display: block; height: 1px; width: 92px; background: #fff; left: 0; bottom: -36px; position: absolute; }
#m2 .con { color: #fff; margin-top: 90px; width: 50%; line-height: 1.9; font-weight: 300; font-size:1.6rem; letter-spacing: 0.1rem; z-index: 2; }
#m2 .con01 { color: #fff; width: 98%; margin:0 auto; line-height: 1.9; font-weight: 300; letter-spacing: 0.1rem; position: relative; z-index: 2; }

#m2 .data { width: 100%; margin-top:2.5%; z-index: 2; }
#m2 .data&gt;div { width: 25%; background: #005AAD; border-right: 1px solid rgba(0,0,0,.2); box-sizing: border-box; float: left; padding: 50px 50px; }
#m2 .data p { color: #fff; text-align: center; }
#m2 .data .num { font-size: 3.6rem; font-weight: 600; }
#m2 .data .num&gt;span { display: inline-block; }
#m2 .data .desc { font-size: 16px; font-weight: 300; }

@media (max-width:1440px) {

#m2 .tit-sub { font-size: 2rem; }
#m2 .tit-sub&gt;p { font-size: 1.9rem; }
#m2 .con { font-size: 1.6rem; margin-top: 80px; }
#m2 .data { left: 6%; bottom: 50px; }
#m2 .data&gt;div { padding: 22px 40px; }
#m2 .data .num { font-size: 3.6rem; }
}

@media (max-width:1366px) {

#m2 .tit-sub { font-size: 1.8rem; }
#m2 .tit-sub&gt;p { font-size: 1.7rem; }
#m2 .con { font-size: 1.5rem; }
#m2 .data { bottom: 70px; }
#m2 .data&gt;div { padding: 20px 40px; }
#m2 .data .num { font-size: 3.2rem; }
}

@media (max-width:1280px) {

#m2 .data { bottom: 70px; }
#m2 .data&gt;div { padding: 22px 30px; }
#m2 .data .num { font-size: 3rem; }
#m2 .data .desc { font-size: 14px; }
}

@media (max-width:1080px) {

#m2 .data { }
#m2 .data&gt;div { padding: 22px 15px; }
#m2 .data .num { font-size: 3rem; }
#m2 .data .desc { font-size: 14px; }
}

@media (max-width:920px) {
#m2 { height: auto; }
#m2 .bg { position: relative; height: 260px; }
#m2 .tit-sub { font-size: 1.8rem; }
#m2 .tit-sub&gt;div { display: block; font-size: 1.7rem; color: #fff; }
#m2 .tit-sub&gt;p { display: inline-block; margin-top: 8px; font-size: 1.5rem; }
#m2 .tit-sub&gt;p&gt;span { font-weight: 300; }
#m2 .con { font-size: 1.5rem; margin-top: 110px; width: 100%; line-height: 1.7; text-align: justify; }
#m2 .data { position: relative; left: 0; bottom: 0; margin-top: 50px; }
#m2 .data&gt;div { width: 100%; height: 100px; border-bottom: 1px solid rgba(255,255,255,.1); padding: 12px 30px; }
#m2 .data .num { font-size: 3rem; }
}

#m3 { position: relative; }
#m3 .box { padding: 0 1% 0 1%; }
#m3 .box&gt;div { width: 100%; height: 100%; position: relative; }
#m3 .left { width: 36%; height: 380px; top: 50%; float: left; position: absolute; margin-top: 8%; }
#m3 .left .tit-en { font-size: 4.8rem; font-weight: 600; color: #464646; text-transform: uppercase; }
#m3 .left .tit-en-sm { font-size: 4.2rem; }
#m3 .left .tit-cn { font-size: 2.6rem; margin: 30px 0 0 3px; }
#m3 .left .desc { margin: 10px 0 0 3px; font-size: 1.6rem; color: #aaa; }
#m3 .left .ctl { margin-top: 20px; padding-left: 3px; }
#m3 .left .ctl&gt;a { display: inline-block; width: 33px; height: 33px; text-align: center; line-height: 31px; background: #005AAD; border-radius: 3px; }
#m3 .left .ctl&gt;a&gt;img { width: 17px; height: 17px; }
#m3 .left .ctl&gt;a:hover { background: #999; }
#m3 .left .btm { position: absolute; left: 0; bottom: 0; padding-left: 3px; }
#m3 .left .more { display: block; width: 130px; height: 45px; line-height: 44px; font-size: 1.8rem; font-weight: 300; border: 1px solid #666; color: #464646; border-radius: 3px; padding-right: 30px; position: relative; transition: all .3s; text-align: center; }
#m3 .left .more:before { content: ''; display: block; position: absolute; width: 14px; height: 2px; background: #464646; right: 40px; top: 20px; transition: all .3s; }
#m3 .left .more:hover { color: #005AAD; border: 1px solid #005AAD; }
#m3 .left .more:after { content: ''; display: block; position: absolute; width: 2px; height: 14px; background: #464646; right: 46px; top: 14px; transition: all .3s; }
#m3 .left .more:hover:before, #m3 .left .more:hover:after { transform: rotate(180deg); background: #005AAD; }

#m3 .right { width: 64%; height: 100%; border-left: 1px solid #eaeaea; float: right; box-sizing: border-box; }
#m3 .right .swiper-container { width: 100%; height: 100%; box-sizing: border-box; }
#m3 .right .swiper-slide { display: block; width: 33.333%; border-left: 1px solid #eaeaea; box-sizing: border-box; margin-left: -1px; }
#m3 .right .swiper-slide a { display: block; width: 100%; padding-bottom:26%; position: relative; box-sizing: border-box; overflow: hidden; }
#m3 .right .swiper-slide:nth-child(3n) { border-right: 0px none; }
#m3 .right .swiper-slide a .date { margin-top: 26%; width: 110px; height: 110px; background: #005AAD; text-align: center; padding-top: 13px; box-sizing: border-box; transition: all .25s; }
#m3 .right .swiper-slide a .day { color: #fff; font-size: 5.6rem; font-weight: 600; line-height: 1.1; }
#m3 .right .swiper-slide a .ym { color: #fff; font-size: 1.3rem; }
#m3 .right .swiper-slide a .tit { font-size: 1.7rem; font-weight: 300; color: #464646; margin: 60px 18px 20px 18px; height: 43px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
#m3 .right .swiper-slide a .img { margin: 0 18px; padding-top: 60%; background: #f3f3f3; position: relative; overflow: hidden; }
#m3 .right .swiper-slide a .img&gt;img { position: absolute; width: 100%; height: 100%; left: 0; top: 0; transition: all .26s; max-width: none; }
#m3 .right .swiper-slide a .con { margin: 25px 18px; font-size: 1.4rem; line-height: 1.8; color: #999; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; }
#m3 .right .arr { position: absolute; left: 18px; bottom: 10%; height: 1px; background: #ccc; width: 20%; transition: all .3s; }
#m3 .right .arr:before { position: absolute; right: 0; top: -4px; width: 10px; height: 1px; content: ''; display: block; transform: rotate(45deg); background: #ccc; transition: all .3s; }
#m3 .right .arr:after { position: absolute; right: 0; top: 4px; width: 10px; height: 1px; content: ''; display: block; transform: rotate(-45deg); background: #ccc; transition: all .3s; }
#m3 .right .swiper-slide a:hover .date { background: #005AAD; }
#m3 .right .swiper-slide a:hover .tit { color: #005AAD; }
#m3 .right .swiper-slide a:hover .img&gt;img { width: 116%; height: 116%; margin: -8% auto auto -8%; }
#m3 .right .swiper-slide a:hover .arr { width: 50%; background: #464646; }
#m3 .right .swiper-slide a:hover .arr:before, #m3 .right&gt;div a:hover .arr:after { background: #464646; }


@media (max-width:1440px){
  #m3 .box{padding: 0 1% 0 6%;}
  #m3 .left{margin-top: 7%;}
  #m3 .left .tit-en{font-size:4.2rem;}
  #m3 .left .tit-en-sm{font-size:3.5rem;}

  #m3 .right .swiper-slide a .date{ width:102px; height:102px;}
  #m3 .right .swiper-slide a .day{font-size:5rem;}
  #m3 .right .swiper-slide a .tit{font-size:1.6rem; margin:50px 16px 20px 16px;}
  #m3 .right .swiper-slide a .img{margin:0 16px;}
  #m3 .right .swiper-slide a .con{margin:23px 16px; line-height:1.7; -webkit-line-clamp:4;}
  #m3 .right .arr{bottom:10%;}
}
@media (max-width:1366px){
  #m3 .left{margin-top: 7%;}

  #m3 .right .swiper-slide a .date{ width:94px; height:94px;}
  #m3 .right .swiper-slide a .day{font-size:4.2rem;}
  #m3 .right .swiper-slide a .tit{font-size:1.5rem; margin:40px 16px 20px 16px;}
  #m3 .right .arr{bottom:10%;}
}
@media (max-width:1280px){
  #m3 .left{margin-top: 6%;}
  #m3 .left .tit-en{font-size:4rem;}
  #m3 .left .tit-en-sm{font-size:3.2rem;}
  #m3 .left .tit-cn{font-size:2.4rem;}
  #m3 .left .desc{font-size:1.5rem;}
  #m3 .left .more{width:120px; height:42px; line-height:40px; font-size:1.7rem; padding-right:25px;}
  #m3 .left .more:before{width:12px; right:35px; top:19px;}
  #m3 .left .more:after{height:12px; right:40px; top:14px;}

  #m3 .right .swiper-slide a .date{ width:90px; height:90px;}
  #m3 .right .swiper-slide a .day{font-size:4rem;}
  #m3 .right .swiper-slide a .tit{font-size:1.5rem; margin:40px 13px 20px 13px;}
  #m3 .right .swiper-slide a .con{margin:23px 13px; line-height:1.6; -webkit-line-clamp:3;}
  #m3 .right .arr{bottom:10%;}
}
@media (max-width:1080px){
  #m3 .left .tit-en{font-size:3.2rem;}
  #m3 .left .tit-en-sm{font-size:2.6rem;}
  #m3 .left .tit-cn{font-size:2rem;}
  #m3 .left .desc{font-size:1.4rem;}
  #m3 .left .more{width:100px; height:40px; line-height:38px; font-size:1.6rem; padding-right:25px;}
  #m3 .left .more:before{width:12px; right:26px; top:18px;}
  #m3 .left .more:after{height:12px; right:31px; top:13px;}

  #m3 .right .swiper-slide a .date{ width:86px; height:80px;}
  #m3 .right .swiper-slide a .day{font-size:3.4rem;}
  #m3 .right .swiper-slide a .ym{font-size:1.1rem;}
}
@media (max-width:920px){
  #m3{height:auto;}
  #m3 .box{padding:0; height:auto;}
  #m3 .left{width:100%; height:auto; top:0; float:none; position:relative; margin-top:0; background:#eee; box-sizing:border-box;}
  #m3 .left .tit-en{padding:50px 6% 0 6%;}
  #m3 .left .tit-en-sm{padding:0 6%;}
  #m3 .left .tit-cn{margin:30px 0 0 6%;}
  #m3 .left .desc{margin:10px 6% 0 6%;}
  #m3 .left .ctl{display:none;}
  #m3 .left .btm{position:relative; padding:0 6% 50px 6%; margin:40px 0 0 0;}

  #m3 .right{width:100%; height:auto; border-left:0 none; float:none;}
  #m3 .right .swiper-container{width:100%; height:auto; overflow:visible;}
  #m3 .right .swiper-wrapper{height:auto; display:block;}
  #m3 .right .swiper-slide{width:100%; height:auto; float:none;}
  #m3 .right .swiper-slide a{width:100%; height:auto; border:0px none; border-bottom:1px solid #eaeaea; float:none; padding-bottom:50px;}
  #m3 .right .swiper-slide a .date{margin-top: 10%;}
  #m3 .right .swiper-slide a .tit{font-size:1.7rem; font-weight:normal; margin:30px 25px 20px 25px; height:auto;}
  #m3 .right .swiper-slide a .img{margin:0 25px; height:auto;}
  #m3 .right .swiper-slide a .img&gt;img{height:auto;}
  #m3 .right .swiper-slide a:hover .img&gt;img{width:100%; height:auto; margin:0;}
  #m3 .right .swiper-slide a .con{margin:25px 25px 40px 25px;}
  #m3 .right .arr{position:relative; left:25px; bottom:unset; margin-top:20px;}
}

#m4{height:100%; position:relative; overflow:hidden;}
#m4 .bg{width:100%; height:100%; background:url('img/m4.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m4 .tit{margin-left:8%; margin-top:180px; color:#005AAD; font-size:6rem; font-weight:600; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m4 .tit:after{content:''; display:block; height:1px; width:92px; background:#fff; left:0; bottom:-36px; position:absolute; z-index:2;}
#m4 .con{margin-left:8%; color:#fff; font-size:1.7rem; margin-top:90px; width:40%; line-height:1.9; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m4 .tit-sub{margin-left:8%; margin-top:60px; color:#fff; font-size:1.9rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; letter-spacing:0.1rem; position:relative; z-index:2;}
#m4 .tit-sub img{height:20px; margin-top:-3px;}
#m4 .customer{width:50%; margin-left:8%; position:relative; z-index:2;}
#m4 .customer li{width:120px; height:120px; float:left; text-align:center; line-height:120px; margin-right:18px; margin-bottom:-25px;}
#m4 .customer li:hover img{transform:perspective(80px) rotateY(360deg); transition:all 1.2s;}
#m4 .customer li.noani:hover img{transition:all 0s;}


@media (max-width:1440px){
  #m4 .tit{margin-left:6%; font-size:7.2rem; margin-top:170px;}
  #m4 .con{margin-left:6%;}
  #m4 .tit-sub{margin-left:6%;}
  #m4 .customer{margin-left:6%;}
  #m4 .customer li{width:92px; margin-right:25px;}
}
@media (max-width:1366px){
  #m4 .tit{font-size:6.2rem; margin-top:160px;}
  #m4 .con{font-size:1.6rem; margin-top:80px;}
  #m4 .tit-sub{margin-top:40px; font-size:1.8rem;}
  #m4 .customer{width:60%;}
}
@media (max-width:1280px){
  #m4 .tit{font-size:6.2rem; margin-top:170px;}
  #m4 .con{margin-top:90px;}
  #m4 .tit-sub{margin-top:50px;}
}
@media (max-width:1080px){
  #m4 .tit{font-size:5rem; margin-top:165px;}
  #m4 .tit:after{width:72px;}
  #m4 .con{font-size:1.5rem; margin-top:75px; width:50%;}
  #m4 .tit-sub{margin-top:45px; font-size:1.7rem;}
  #m4 .customer{margin-top:10px;}
  #m4 .customer li{width:72px; margin-right:25px;}
  #m4 .customer li img{height:auto !important;}
}
@media (max-width:920px){
  #m4{height:auto; overflow:visible; padding-bottom:50px;}
  #m4 .tit{font-size:3.6rem; margin-top:0; padding-top:50px;}
  #m4 .tit:after{width:50px; bottom:-30px;}
  #m4 .con{margin-top:60px; width:88%;}
  #m4 .customer{width:88%; margin:0 6%;}
  #m4 .customer li{width:20%; margin-right:0; padding:0 10px; box-sizing:border-box; height:auto; float:left; text-align:center; line-height:120px;}
  #m4 .customer li img{width:100%; height:100%;}
}




#m5{height:100%; position:relative; overflow:hidden;}
#m5 .bg{width:100%; height:100%; background:url('img/m5.jpg') no-repeat center; background-size:cover; position:absolute; z-index:1; left:0; top:0;}
#m5 .tit{font-family:'Montserrat', sans-serif; font-size:6.8rem; font-weight:600; color:#464646; text-transform:uppercase; margin-top:160px; position:relative; z-index:1; text-align:center; margin-bottom:100px;}
#m5 .tit:after{content:''; display:block; height:1px; position:absolute; left:50%; width:60px; bottom:-30px; margin-left:-30px; background:#666;}
#m5 .con{position:relative; z-index:2; font-size:1.8rem; text-align:center; margin-top:56px; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#m5 .con p{margin-bottom:10px;}
#m5 .con p span.tel{font-family:'Montserrat', sans-serif; font-size:3.9rem; font-weight:600; display:inline-block; vertical-align:middle;}

#m5 .btm{position:relative; z-index:2; margin-top:100px;}
#m5 .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light'; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;}
#m5 .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:50px; top:20px; transition:all .3s;}
#m5 .more:hover{color:#005AAD; border:1px solid #005AAD;}
#m5 .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:56px; top:14px;transition:all .3s;}
#m5 .more:hover:before, #m5 .more:hover:after{transform:rotate(180deg); background:#005AAD;}


@media (max-width:1440px){
  #m5 .tit{font-size:6.6rem;}
  #m5 .con{font-size:1.7rem;}
  #m5 .con p span.tel{font-size:3.7rem;}
}
@media (max-width:1366px){
  #m5 .tit{font-size:5.6rem; margin-top:140px; margin-bottom:90px;}
  #m5 .con{font-size:1.6rem;}
  #m5 .con p span.tel{font-size:3.2rem;}
  #m5 .btm{margin-top:60px;}
}
@media (max-width:1280px){
  #m5 .tit{font-size:5.2rem; margin-top:160px;}
  #m5 .con{font-size:1.5rem;}
  #m5 .con p span.tel{font-size:2.8rem;}
  #m5 .btm{margin-top:80px;}
  #m5 .more{width:120px; height:42px; line-height:40px; font-size:1.7rem; padding-right:25px;}
  #m5 .more:before{width:12px; right:45px; top:19px;}
  #m5 .more:after{height:12px; right:50px; top:14px;}
}
@media (max-width:1080px){
  #m5 .tit{font-size:5rem; margin-top:155px; margin-bottom:80px;}
  #m5 .tit:after{width:50px; bottom:-25px;}
  #m5 .con{margin-top:50px;}
  #m5 .left .more{width:100px; height:40px; line-height:38px; font-size:1.6rem; padding-right:25px;}
  #m5 .left .more:before{width:12px; right:36px; top:18px;}
  #m5 .left .more:after{height:12px; right:41px; top:13px;}
}
@media (max-width:920px){
  #m5{height:auto; overflow:visible; padding-bottom:80px;}
  #m5 .tit{font-size:4.2rem; margin-top:80px;}
  #m5 .con{font-size:1.3rem; font-weight:normal; font-family:'Microsoft YaHei';}
  #m5 .btm{margin-top:60px;}
}

#foot { background: #2c3035; position: relative; z-index: 6; }
#foot .menu { padding: 50px 35px 120px 35px; position: relative; }
#foot .menu dl { float: left; padding-left: 15px; position: relative; width:11%; }
#foot .menu dl:before { content: ''; display: block; width: 3px; height: 20px; background: #fff; left: 0; top: 14px; position: absolute; }
#foot .menu dl dt { margin-bottom: 10px; }
#foot .menu dl dt&gt;a { display: block; font-size: 2rem; color: #fff; padding: 10px 0; }
#foot .menu dl dd&gt;a { display: block; font-size: 1.5rem; color: #fff; font-weight: 300; padding: 6px 0; color: #ccc; }
#foot .menu dd.plus { display: none; }
#foot .menu dl a:hover { color: #005AAD; }
#foot .qr { width: 150px; float: right; margin-top: 10px; margin-right: -10px; }
#foot .qr .tit { font-size: 1.8rem; text-transform: uppercase; color: #fff; font-weight: 200; }
#foot .qr .qrcode { margin-top: 20px; }
#foot .qr .qrcode img { width: 129px; height: 129px; background: #fff; padding: 2px; }

#foot .top{display:block; width:45px; height:45px; position:absolute; left:50%; bottom:35px; font-family:'iconfont' !important; font-size:45px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; line-height:1; transition:all .25s; margin-left:-22.5px; color:#555;}
#foot .top:hover{color:#005AAD;}

#foot .btm{ background:#005AAD; height:50px; padding:0 35px; line-height:48px; font-size:1.4rem; color:#FFFFFF;}

#foot .btm a { color:#FFFFFF;}
#foot .btm a:hover { text-decoration:underline; }

#foot .btm .left&gt;span{display:inline-block;}
#foot .btm .left{width:100%; float:left;}
#foot .btm .right{width:40%; float:left; text-align:right;}
#foot .btm .right a{display:inline-block;}
#foot .btm .right a.dark{color:#333;}

@media (max-width:1440px){
  #foot .menu dl { width:12%; }
  #foot .menu dl dt&gt;a{font-size:1.9rem;}
  #foot .top{width:42px; height:42px; margin-left:-21px; font-size:42px;}
}
@media (max-width:1366px){
  #foot .menu dl { width:12%; }
}
@media (max-width:1280px){
  #foot .menu dl:before{height:18px;}
  #foot .menu dl dt&gt;a{font-size:1.8rem;}
  #foot .menu dl dd&gt;a{font-size:1.4rem;}
  #foot .top{width:40px; height:40px; margin-left:-20px; font-size:40px;}
}
@media (max-width:1080px){
  #foot .menu dl { width:12%; }
  #foot .menu dl dt&gt;a{font-size:1.6rem;}
  #foot .menu dl dd&gt;a{font-size:1.3rem;}
  #foot .btm{font-size:1.3rem;}
  #foot .top{width:36px; height:36px; margin-left:-18px; font-size:36px;}
}
@media (max-width:980px){
  #foot .menu{padding:45px 0 106px 0;}
  #foot .menu dl{float:none; margin:0 35px; width:auto; }
  #foot .menu dl:before{height:18px; top:15px;}
  #foot .menu dl dt&gt;a{display:inline-block; padding-top:11px; font-size:1.7rem;}
  #foot .menu dl dd{display:none; padding-bottom:20px;}
  #foot .menu dl dd&gt;a{font-size:1.4rem;}
  #foot .menu dd.plus{display:block; padding-bottom:0; width:40px; height:100%; position:absolute; right:-15px; top:0;}
  #foot .menu dd.plus:after{content:''; display:block; position:absolute; right:13px; top:25px; background:#fff; width:12px; height:2px;}
  #foot .menu dd.plus:before{content:''; display:block; position:absolute; right:18px; top:20px; background:#fff; width:2px; height:12px; transition:all .3s;}
  #foot .menu dd.plus.active:before{height:0px; top:26px;}
  #foot .qr{width:100%; float:none; margin-top:40px; margin-right:0; border-top:1px solid rgba(255,255,255,.16); padding-top:40px; text-align:center;}
  #foot .qr .tit{font-size:2.6rem;}
  #foot .qr .qrcode img{ padding:3px;}

  #foot .top{width:42px; height:42px; margin-left:-21px; font-size:42px;}

  #foot .btm{padding:25px 15px 30px 15px; text-align:center; height:auto; line-height:1.5;}
  #foot .btm .left{width:100%; float:none;}
  #foot .btm .left&gt;span.space{display:none;}
  #foot .btm .left&gt;span.copyright{display:block; padding:8px 0;}
  #foot .btm .right{width:100%; float:none; text-align:center; margin-top:8px;}
}




#bans{position:relative; width:100%; height:100%; z-index:2; background-repeat:no-repeat; background-position:center; background-size:cover;}
#bans.fix{background-attachment: fixed;}
#bans .con{position:absolute; z-index:4; width:100%; left:0; top:36%; color:#fff; line-height:1.1; text-align:center;}
#bans .tit{font-size:6.8rem; margin-bottom:80px; position:relative;}
#bans .tit.contact{font-family:'Montserrat', sans-serif; font-weight:600;}
#bans .tit:after{content:''; display:block; position:absolute; left:50%; width:72px; height:1px; margin-left:-36px; bottom:-40px; background:#fff;}
#bans .nav{font-size:5.2rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; color:#005AAD;}
#bans .mouse{bottom:120px;}


#bans .menu-sub, #banssm .menu-sub{height:70px; position:absolute; width:100%; left:0; bottom:0;}
#bans .menu-sub p, #banssm .menu-sub p{display:none;}
#bans .menu-sub a, #banssm .menu-sub a{display:block; float:left; background:rgba(0,0,0,.5); height:100%; line-height:70px; font-size:2rem; text-align:center; color:#fff; border-right:1px solid rgba(255,255,255,.2); box-sizing:border-box; transition:all .2s;}
#bans .menu-sub a:hover, #banssm .menu-sub a:hover{color:#005AAD; background:rgba(0,0,0,.7);}
#bans .menu-sub a.active, #banssm .menu-sub a.active{background:#005AAD; color:#fff; border-right:0px none;}
#bans .menu-sub a:last-child, #banssm .menu-sub a:last-child{border-right:0px none;}
#bans .menu-sub.about a, #banssm .menu-sub.about a{width:25%;}
#bans .menu-sub.aboutt a, #banssm .menu-sub.aboutt a{width:50%;}
#bans .menu-sub.product a, #banssm .menu-sub.product a{width:50%;}
#bans .menu-sub.media a, #banssm .menu-sub.media a{width:33.33333%;}
#bans .menu-sub.market a, #banssm .menu-sub.market a{width:25%;}

#banssm{height:120px; background:#161616; position:relative; z-index:8;}
#banssm .menu-sub{height:60px;}
#banssm .menu-sub a{line-height:60px; font-size:1.8rem;}

.main-box { max-width: 1600px; box-sizing: border-box; margin: 50px auto; overflow: hidden; }

@media (max-width:1440px){
  #bans .tit{font-size:6rem;}
  #bans .nav{font-size:4.8rem;}

  #bans .menu-sub, #banssm .menu-sub{height:62px;}
  #bans .menu-sub a, #banssm .menu-sub a{line-height:62px; font-size:1.8rem;}
}
@media (max-width:1366px){
  #bans .tit{font-size:5.8rem;}
  #bans .nav{font-size:4.6rem;}

  .main-box{max-width:100%;}
}
@media (max-width:1280px){
  #bans .tit{font-size:5.6rem;}
  #bans .nav{font-size:4.4rem;}

  #bans .menu-sub, #banssm .menu-sub{height:58px;}
  #banssm{height:118px;}
  #bans .menu-sub a, #banssm .menu-sub a{line-height:58px; font-size:1.7rem;}
}
@media (max-width:1080px){

}
@media (max-width:920px){
  #bans .tit{font-size:4rem; margin-bottom:50px;}
  #bans .tit:after{bottom:-25px;}
  #bans .nav{font-size:3.8rem;}

  #bans .menu-sub, #banssm .menu-sub{height:56px;}
  #bans .menu-sub p{height:56px;}
  #bans .menu-sub p, #banssm .menu-sub p{display:block; height:56px; line-height:54px; background:#161616; color:#fff; font-size:1.6rem; padding-left:25px; position:relative; border-bottom:1px solid rgba(255,255,255,.1);}
  #bans .menu-sub p img, #banssm .menu-sub p img{position:absolute; right:23px; top:17px; height:20px; transition:all .25s;}
  #bans .menu-sub p.active img, #banssm .menu-sub p.active img{transform:rotate(180deg);}
  #bans .menu-sub div, #banssm .menu-sub div{display:none;}
  #bans .menu-sub a, #banssm .menu-sub a{width:100% !important; text-align:left; height:52px; line-height:52px; padding-left:35px; box-sizing:border-box; border-bottom:1px solid rgba(255,255,255,.1); font-size:1.5rem; background:#161616;}

  .main-box{padding:0;}
}

.about-box{height:400px; padding:30px 0;}
.about-box .left{width:450px; float:left; border-right:1px solid #eaeaea; height:100%; box-sizing:border-box;}
.about-box .left .top{height:200px; border-bottom:1px solid #eaeaea; padding-right:35px; position:relative;}
.about-box .left .btm{padding-top:35px; position:relative;}
.about-box .left .top .img{position:absolute; right:30px; top:0px; height:128px;}
.about-box .left .btm .img{position:absolute; right:40px; top:30px; height:100px;}
.about-box .center{width:470px; float:left; border-right:1px solid #eaeaea; height:100%; box-sizing:border-box; padding:0 35px;}
.about-box .right{width:380px; float:right; box-sizing:border-box; padding-left:35px;}
.about-box .tit{font-size:3.2rem; color:#464646;}
.about-box .val{font-size:1.8rem; line-height:1; margin-top:30px;}
.about-box .left .num{font-size:5.8rem; text-transform:uppercase; color:#005AAD; font-family:'Montserrat', sans-serif; font-weight:600; display:inline-block; vertical-align:baseline; line-height:1; margin-right:3px;}
.about-box .desc{margin-top:10px; font-size:1.5rem;}
.about-box .left .btm .desc{margin-top:30px;}
.about-box .left .btm .desc .stress{color:#005AAD; font-size:2.6rem;}
.about-box .left .btm .desc p{margin-bottom:8px;}

.about-box .center .desc{line-height:1.9; margin-top:25px;}
.about-box .center .img{display:block; margin:35px auto; height:256px;}
.about-box .right .desc{line-height:1.9; margin-top:25px;}
.about-box .right .img{display:block; margin:35px auto; height:158px;}


#am1{background:url('img/am1.jpg') no-repeat center; background-size:cover; background-attachment:fixed; color:#fff; padding:60px 0 50px 0;}
#am1 .tit{font-size:3.2rem; position:relative;}
#am1 .tit:after{content:''; display:block; height:1px; width:64px; left:0; bottom:-30px; background:rgba(255,255,255,.3); position:absolute;}
#am1 .con{font-size:1.7rem; margin-top:60px; line-height:1.8; letter-spacing:.08rem;}
#am1 .con p{margin-bottom:15px; font-weight:300;}

.about-l{width:45%; float:left;}
.about-r{width:45%; float:right;}


#am2 { background: #005AAD; padding: 30px 0; position: relative; z-index: 1; }
#am2 .tit { font-size: 4.5rem; color: #fff; }
#am2 .line { height: 1px; background: rgba(255,255,255,.1); width: 100%; margin-top: 80px; }
#am2 .swiper-container { margin-top: -35px; padding: 0 0 0 30px; }
#am2 .swiper-slide { min-height: 200px; }
#am2 .swiper-slide .tit { font-size: 5rem; font-family: 'Montserrat', sans-serif; font-weight: 600; position: relative; padding-top: 70px; }
#am2 .swiper-slide .tit:before { background: #fff; content: ''; display: block; width: 1px; height: 70px; position: absolute; left: 8px; top: 0; transform: rotate(40deg); }
#am2 .swiper-slide .con { font-size: 1.6rem; color: #fff; font-weight: 300; font-family: 'Microsoft YaHei Light', 'Microsoft YaHei'; }
#am2 .swiper-slide .con ul { padding-left: 20px; }
#am2 .swiper-slide .con ul&gt;li { position: relative; margin: 25px 0; line-height: 1.7; padding-right: 30px; }
#am2 .swiper-slide .con ul&gt;li:after { content: ''; display: block; background: #fff; width: 8px; height: 8px; position: absolute; left: -20px; top: 10px; border-radius: 100%; }
#am2 .np { padding: 60px 0 30px 0; text-align: center; position: relative; }
#am2 .np&gt;div { position: relative; display: inline-block; padding: 0 40px; outline: none; }

#am3{min-height:600px; padding:30px 0 60px 0; background:url('img/am3.jpg') no-repeat right bottom; background-size:cover;}
#am3 .tit{font-size:4.5rem; color:#464646;}
#vL{width:800px; height:450px; background:#222; cursor:pointer; margin:50px auto 90px auto; position:relative;}
#vL&gt;p{width:100%; height:100%; position:absolute; left:0; top:0; z-index:2; background:#000; filter:alpha(opacity=70); opacity:.5; display:block;}
#vL&gt;span{width:66px; height:66px; position:absolute; left:50%; top:50%; z-index:3; background:url(img/play3860.png?v=1) no-repeat; background-size:100% 100%; margin:-38px 0 0 -33px; transition:all .3s; display:block;}
#vL:hover&gt;span{filter:alpha(opacity=60); opacity:.6;}
#vL&gt;div{position:absolute; left:0; top:0; width:100%; height:100%;}

#am3 .more{display:block; width:130px; height:45px; line-height:44px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light'; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;}
#am3 .more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:50px; top:20px; transition:all .3s;}
#am3 .more:hover{color:#005AAD; border:1px solid #005AAD;}
#am3 .more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:56px; top:14px;transition:all .3s;}
#am3 .more:hover:before, #am3 .more:hover:after{transform:rotate(180deg); background:#005AAD;}

@media (max-width:1440px){
  #am1 .con{font-size:1.6rem;}
  #am2 .tit{font-size:4.2rem;}
  #am2 .swiper-slide .tit{font-size:4.6rem;}
  #am2 .swiper-slide .con{font-size:1.5rem;}
  #am3 .tit{font-size:4.2rem;}
}
@media (max-width:1366px){
  .about-box .left{width:430px;}
  .about-box .center{width:460px;}
  .about-box .right{width:360px;}
  .about-box .tit{font-size:3rem;}
  .about-box .left .num{font-size:5.3rem;}
}
@media (max-width:1280px){
  .about-box .left{width:400px;}
  .about-box .center{width:430px;}
  .about-box .right{width:330px;}
  .about-box .desc{font-size:1.4rem;}
  .about-box .left .btm .desc .stress{font-size:2.2rem;}
  .about-l, .about-r{width:48%;}
  #am1 .tit{font-size:3rem; position:relative;}
  #am1 .con{font-size:1.5rem;}
  #am2{padding:20px 0 15px 0;}
  #am2 .tit{font-size:4rem;}
  #am2 .swiper-slide .tit{font-size:4.2rem;}
  #am2 .swiper-slide .con{font-size:1.4rem;}
  #am3 .tit{font-size:4rem;}

  #am3 .more{width:120px; height:42px; line-height:40px; font-size:1.7rem; padding-right:25px;}
  #am3 .more:before{width:12px; right:45px; top:19px;}
  #am3 .more:after{height:12px; right:50px; top:14px;}
}
@media (max-width:1080px){
  .about-box{height:auto; padding:15px 0;}
  .about-box .left{width:100%; float:none; border-right:0 none; height:auto;}
  .about-box .left .top{width:50%; float:left; height:200px; border-bottom:0 none; border-right:1px solid #eaeaea; padding-right:0; box-sizing:border-box;}
  .about-box .left .btm{width:50%; float:right; padding-top:0; padding-left:35px; box-sizing:border-box;}
  .about-box .left .btm .img{right:0;}
  .about-box .center{width:50%; height:200px; padding:0 35px 0 0; border-top:1px solid #eaeaea; padding-top:35px; position:relative;}
  .about-box .center .desc{padding-right:100px;}
  .about-box .center .img{margin:auto; height:110px; position:absolute; right:35px; top:30px;}
  .about-box .right{width:50%; padding-left:35px; border-top:1px solid #eaeaea; padding-top:30px; position:relative;}
  .about-box .right .desc{padding-right:110px;}
  .about-box .right .img{margin:auto; height:100px; position:absolute; right:-12px; top:33px;}

  #am1{padding:25px 0 25px 0;}

  #am2{padding:10px 0 10px 0;}
  #am2 .tit{font-size:3.6rem;}
  #am2 .swiper-slide .tit{font-size:3.8rem;}
  #am2 .swiper-slide .con{font-size:1.4rem;}

  #am3{min-height:auto; padding:20px 0;}
  #am3 .tit{font-size:3.6rem;}
  #am3 .more{width:100px; height:40px; line-height:38px; font-size:1.6rem; padding-right:25px;}
  #am3 .more:before{width:12px; right:36px; top:18px;}
  #am3 .more:after{height:12px; right:41px; top:13px;}
}
@media (max-width:920px){
  .about-box{padding:0; margin-top:-5px;}
  .about-box .left .top{width:100%; float:none; height:200px; border-bottom:1px solid #eaeaea; border-right:0 none; padding:0 25px;}
  .about-box .left .top .img{right:25px;}
  .about-box .left .btm{width:100%; float:none; padding:30px 25px; border-bottom:1px solid #eaeaea;}
  .about-box .left .btm .img{right:25px;}
  .about-box .left .btm .desc .stress{font-size:2rem;}
  .about-box .center{width:100%; height:220px; padding:30px 25px; border-top:0 none; border-bottom:1px solid #eaeaea;}
  .about-box .center .desc{padding-right:110px;}
  .about-box .center .img{height:100px; right:25px;}
  .about-box .right{width:100%; padding:30px 25px; border-top:0px none; }
  .about-box .right .desc{padding-right:110px;}
  .about-box .right .img{right:25px;}

  #am1{padding:10px 25px; background:#1b1b1b;}
  .about-l{width:100%; float:none;}
  .about-r{width:100%; float:none; margin-top:60px;}

  #am2{padding:5px 25px 1px 25px;}
  #am2 .tit{font-size:3rem;}
  #am2 .swiper-slide .con{font-size:1.6rem;}
  #am2 .line{margin-top:60px;}
  #am2 .swiper-slide .tit{padding-top:60px;}
  #am2 .swiper-slide .tit:before{height:50px; top:10px;}
  #am2 .swiper-slide .con ul&gt;li{margin:13px 0;}
  #am2 .swiper-slide .con ul&gt;li:after{width:7px; height:7px; top:10px;}

  #am3{padding:5px 25px 25px 25px;}
  #am3 .tit{font-size:3rem;}
  #vL{width:100%; height:auto; margin:50px auto 60px auto;}


}



#history .main-box{margin:80px auto; position:relative; min-height:600px; z-index:1;}
#history .left{width:40%; height:100%; background:url('img/history.jpg') no-repeat center; background-size:cover; position:absolute; left:0; top:0; padding:80px 60px; box-sizing:border-box;}
#history .left .tit{font-size:5rem; color:#fff;}
#history .left .con{font-size:1.7rem; color:#fff; padding-left:43px; margin-top:35px;}
#history .left .con p{margin:15px 0;}

#history .right{width:50%; float:right; border-left:1px solid #eaeaea; min-height:600px; position:relative;}
#history .right dl{padding:45px 0 15px 40px;}
#history .right dl dt{position:relative; color:#fff; background:#005AAD; display:inline-block; font-size:1.8rem; padding:12px 32px;}
#history .right dl dt:before{content:''; display:block; width:12px; height:12px; background:#ccc; border-radius:100%; position:absolute; left:-46px; top:18px;}
#history .right dl dt:after{content:''; display:block; width:12px; height:12px; background:#005AAD; left:-6px; top:19px; transform:rotate(-45deg); position:absolute;}
#history .right dl dd{font-size:1.5rem; padding:20px 0 0 0;}


@media (max-width:1440px){
  #history .main-box{margin:70px auto;}
  #history .left{left:20px;}
}
@media (max-width:1366px){
  #history .main-box{margin:60px auto;}
  #history .left{left:30px;}
}
@media (max-width:1280px){

}
@media (max-width:1080px){
  #history .left{padding:70px 40px;}
  #history .left .tit{font-size:4rem;}
}
@media (max-width:920px){
  #history .main-box{margin:0 auto 0 auto;}
  #history .left{width:100%; height:auto; position:unset; padding:80px 60px;}
  #history .right{width:100%; float:none; padding:25px 50px 55px 0; box-sizing:border-box; margin-left:25px;}
  #history .right dl{padding:25px 0 15px 40px;}
}

/*联系我们 sub_start*/
#culture_06 { padding: 30px 0; }
#culture_06 .line .left { width: 50%; height: 100%; float:left; }
#culture_06 .line .right { width: 50%; height: auto; float: right; }

@media (max-width:1080px) {
	#culture_06 { padding:30px 1%; }
	#culture_06 .line .left { width: 100%; }
	#culture_06 .line .right { width: 100%; }
}
/*联系我们 sub_end*/

#culture { padding: 30px 0; }
#culture .line { position: relative; z-index: 1; }
#culture .line .left { width: 400px; height: 100%; position: absolute; left: 0; top: 0; }
#culture .line .left .img1 { width: 100%; height: 80%; background: url('img/culture.jpg') no-repeat center; background-size: cover; }
#culture .line .left .img2 { width: 100%; height: 90%; background: url('img/culture2.jpg') no-repeat center; background-size: cover; }
#culture .line .left .img3 { width: 100%; height: 90%; background: url('img/culture3.jpg') no-repeat center; background-size: cover; }
#culture .line .left .img4 { width: 100%; height: 80%; background: url('img/culture4.jpg') no-repeat center; background-size: cover; }
#culture .line .left .img5 { width: 100%; height: 80%; background: url('img/culture5.jpg') no-repeat center; background-size: cover; }
#culture .line .left .img6 { width: 100%; height: 80%; background: url('img/culture6.jpg') no-repeat center; background-size: cover; }

#culture .line .right { width: 50%; height: auto; float: right; margin-left: 30px; box-sizing: border-box; }
#culture .line .right .tit { font-size: 4.8rem; line-height: 1; color: #464646; margin-bottom: 30px; }
#culture .line .right p { margin-bottom: 20px; }

#culture .line .rightt { width: 100%; height: auto; float: right; margin-left: 0px; padding: 50px 20px; box-sizing: border-box; border: 1px solid #eaeaea; font-size: 1.5rem; font-weight: 300; line-height: 1.9; }
#culture .line .rightt .tit { font-size: 3.8rem; line-height: 1; color: #464646; margin-bottom: 30px; }
#culture .line .rightt p { margin-bottom: 20px; }

#amc1{min-height:600px; background:url('img/acm1.jpg') no-repeat center; background-size:cover;}
#amc1 .main-box{min-height:600px; position:relative; padding:0; margin:auto; z-index:2;}
#amc1 .main-box .box{height:100%; position:absolute; right:50px; top:0; width:500px; background:rgba(255,255,255,.9); padding:70px 80px; box-sizing:border-box;}
#amc1 .main-box .box .tit{font-size:5.6rem; color:#464646;}
#amc1 .main-box .box .con{font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; font-size:1.7rem; font-weight:300; line-height:2; margin-top:35px;}

@media (max-width:1440px){

}
@media (max-width:1366px){
  #culture .line .right{width:805px;}
}
@media (max-width:1280px){
  #culture .line .right{width:730px;}
}
@media (max-width:1080px){
  #culture .line .right{width:530px;}
}
@media (max-width:920px){
  #culture{padding:30px 0 30px 0;}
  #culture .main-box{padding:0; margin:0;}
  #culture .line .left{width:100%; height:400px; position:unset;}
  #culture .line .right{width:100%; float:none; margin-left:0; padding:25px; border:0 none; margin-top:20px;}

  #amc1 .main-box .box{right:0; width:100%; padding:60px 25px 0px 25px;}
}



#honor{min-height:850px; background:url('img/honor.jpg') no-repeat center; background-size:cover;}
#honor .tit{margin-left:8%; font-size:5.6rem; color:#464646; padding-top:80px;}
#honor .tit-sub{margin-left:8%; font-size:2rem; margin-top:20px; color:#999;}
#honor .box{min-height:500px; width:100%; margin-top:30px; padding-bottom:80px; position:relative;}
#honor .box .line{background:#005AAD; height:3px; width:100%; position:absolute; left:0; top:50%; margin-top:-37px; z-index:1;}
#honor .box .wrap{padding:0 8%; position:relative; z-index:2;}

#honor .box .wrap .swiper-container{margin:0 130px; padding:0 0 20px 20px; z-index:1;}
#honor .box .wrap .swiper-slide{height:258px; padding-bottom:7px; overflow:visible;}
#honor .box .wrap .swiper-slide:before{content:''; display:block; width:12px; height:12px; background:#005AAD; border-radius:100%; position:absolute; left:-5px; bottom:-42px;}
#honor .box .wrap .swiper-slide:after{content:''; display:block; width:2px; height:215px; background:#005AAD; position:absolute; left:0; bottom:-36px;}
#honor .box .wrap .swiper-slide .tit{font-size:4.6rem; font-family:'Montserrat', sans-serif; font-weight:600; position:relative; padding-top:48px; box-sizing:border-box; position:relative; color:#464646; padding-left:10px;}
#honor .box .wrap .swiper-slide .tit:before{content:''; display:block; width:14px; height:14px; border:1px solid #005AAD; border-radius:100%; position:absolute; left:-28px; top:71px;}
#honor .box .wrap .swiper-slide .con{margin-top:15px; font-size:1.5rem; line-height:1.3; padding-left:30px; padding-right:10px; width:130%;}
#honor .box .wrap .swiper-slide .con li{margin-bottom:8px; color:#464646; position:relative; padding-left:20px;}
#honor .box .wrap .swiper-slide .con li:before{content:''; display:block; width:8px; height:8px; background:#555; border-radius:100%; left:2px; top:6px; position:absolute;}

#honor .box .wrap .swiper-slide:nth-child(even){padding-top:308px;}
#honor .box .wrap .swiper-slide:nth-child(even):before{content:''; display:block; width:12px; height:12px; background:#005AAD; border-radius:100%; position:absolute; left:-5px; bottom:0; top:295px;}
#honor .box .wrap .swiper-slide:nth-child(even):after{content:''; display:block; width:2px; height:215px; background:#005AAD; position:absolute; left:0; bottom:0; top:295px;}
#honor .box .wrap .swiper-slide:nth-child(even) .tit:before{content:''; display:block; width:14px; height:14px; border:1px solid #005AAD; border-radius:100%; position:absolute; left:-27px; top:201px;}

#honor .np{position:absolute; width:100%; left:0; top:50%; margin-top:40px;}
#honor .swiper-button-prev{width:64px; height:64px; background:url('img/ico.arr.leftc4ca.png?1') no-repeat center; background-size:30px; left:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; background-color:#005AAD; border-radius:100%; transition:all .2s;}
#honor .swiper-button-next{width:64px; height:64px; background:url('img/ico.arr.leftc4ca.png?1') no-repeat center; background-size:30px; right:8%; margin-top:-68px; opacity:1; z-index:2; outline:none; transform:rotate(180deg); background-color:#005AAD; border-radius:100%; transition:all .2s;}
#honor .swiper-button-prev:hover, #honor .swiper-button-next:hover{background-color:#3779ff;}


@media (max-width:1440px){
  #honor{min-height:750px;}
  #honor .box .wrap .swiper-slide .tit{font-size:4.2rem;}
  #honor .box .wrap .swiper-slide .tit:before{left:-24px;}
  #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{left:-25px;}
  #honor .box .wrap .swiper-slide .con{font-size:1.4rem;}
}
@media (max-width:1366px){
  #honor{min-height:650px;}
  #honor .tit{font-size:5.2rem; padding-top:60px; margin-left:35px;}
  #honor .tit-sub{font-size:1.8rem; margin-top:16px; margin-left:35px;}
  #honor .box{min-height:200px; margin-top:0px;}
  #honor .box .line{background:#005AAD; height:3px; width:100%; position:absolute; left:0; top:50%; margin-top:-37px; z-index:1;}
  #honor .box .wrap{padding:0 35px;}

  #honor .box .wrap .swiper-slide{height:188px;}
  #honor .box .wrap .swiper-slide:before{bottom:-77px;}
  #honor .box .wrap .swiper-slide:after{height:180px; bottom:-72px;}
  #honor .box .wrap .swiper-slide .tit{font-size:4rem;}
  #honor .box .wrap .swiper-slide .tit:before{left:-42px;}

  #honor .box .wrap .swiper-slide:nth-child(even):before{top:260px;}
  #honor .box .wrap .swiper-slide:nth-child(even):after{height:188px; top:265px;}
  #honor .box .wrap .swiper-slide:nth-child(even) .tit{padding-top:18px; }
  #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{left:-42px; top:145px;}


  #honor .swiper-button-prev{left:35px;}
  #honor .swiper-button-next{right:35px;}
}
@media (max-width:1280px){

}
@media (max-width:1080px){

}
@media (max-width:920px){
  #honor{min-height:auto;}
  #honor .tit{font-size:3.6rem; padding-top:50px; margin-left:25px;}
  #honor .tit-sub{font-size:1.5rem; margin-top:6px; margin-left:25px;}
  #honor .box{min-height:auto; padding-top:30px;}
  #honor .box .line{display:none;}
  #honor .box .wrap{padding:0 25px;}

  #honor .box .wrap .swiper-container{margin:0 0; padding:0 0 0 0;}
  #honor .box .wrap .swiper-slide{height:auto; padding:0 50px; box-sizing:border-box;}
  #honor .box .wrap .swiper-slide:before{display:none;}
  #honor .box .wrap .swiper-slide:after{display:none;}
  #honor .box .wrap .swiper-slide .tit{font-size:3.2rem; padding-top:0 !important; padding-left:0px; margin-left:0;}
  #honor .box .wrap .swiper-slide .tit:before{display:none;}
  #honor .box .wrap .swiper-slide .con{padding-left:0px; padding-right:10px;}
  #honor .box .wrap .swiper-slide .con li{margin-bottom:8px; color:#464646; position:relative; padding-left:20px;}

  #honor .box .wrap .swiper-slide:nth-child(even){padding:0 50px;}
  #honor .box .wrap .swiper-slide:nth-child(even):before{display:none;}
  #honor .box .wrap .swiper-slide:nth-child(even):after{display:none;}
  #honor .box .wrap .swiper-slide:nth-child(even) .tit:before{display:none;}

  #honor .np{position:absolute; width:100%; left:0; top:50%; margin-top:0;}
  #honor .swiper-button-prev{width:36px; height:36px; background-size:16px; left:20px; margin-top:0;}
  #honor .swiper-button-next{width:36px; height:36px; background-size:16px; right:20px; margin-top:0;}
}



#product{min-height:840px;}
#product .item{min-height:600px; position:relative;}
#product .item&gt;.img{width:50%; min-height:600px; height:100%; background-size:cover; background-repeat:no-repeat; background-position:center; position:absolute; right:0; top:0;}
#product .item:nth-child(even)&gt;.img{left:0;}
#product .item .con{width:50%; min-height:600px; height:100%; float:left; padding:75px 85px; box-sizing:border-box; position:relative;}
#product .item .con:before{position:absolute; right:-18px; top:50%; margin-top:-20px; background:#fff; display:block; content:''; width:36px; height:36px; transform:rotate(45deg);}
#product .item:nth-child(even) .con{float:right;}
#product .item:nth-child(even) .con:before{left:-18px;}
#product .item .con .tit{font-size:4.6rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#product .item .con .tit-sub{font-size:1.6rem; color:#999; margin-top:10px;}
#product .item ul{margin-top:50px;}
#product .item ul li{display:inline-block; width:135px; margin:0 50px 25px 0; vertical-align:top;}
#product .item ul li&gt;a{display:block; width:135px;}
#product .item ul li&gt;a .img{display:block; width:135px; height:135px; background:#eee; border-radius:100%; padding:5px; box-sizing:border-box; overflow:hidden; transition:all .35s ease; position:relative;}
#product .item ul li&gt;a .img img{width:100%; height:100%; transition:all .3s; max-width:none;}
#product .item ul li&gt;a .name{font-size:1.5rem; text-align:center; padding:12px 0; text-align:center; color:#464646;}
#product .item ul li&gt;a:hover .img{background:#005AAD;}
#product .item ul li&gt;a:hover .img img{width:116%; height:116%; margin:-8%;}
#product .item ul li&gt;a:hover .name{color:#005AAD;}


@media (max-width:1440px){
  #product{min-height:auto;}
  #product .item{min-height:auto;}
  #product .item&gt;.img{min-height:auto;}
  #product .item .con{min-height:auto; padding:45px 55px;}
  #product .item ul li{width:120px; margin:0 25px 15px 0;}
  #product .item ul li&gt;a{width:120px;}
  #product .item ul li&gt;a .img{width:120px; height:120px;}
}
@media (max-width:1366px){
  #product .item .con .tit{font-size:4.2rem;}
  #product .item .con .tit-sub{font-size:1.5rem;}
  #product .item .con{padding:35px 45px;}
  #product .item ul li{width:120px; margin:0 20px 15px 0;}
  #product .item ul li&gt;a .name{font-size:1.4rem;}
}
@media (max-width:1280px){
  #product .item .con{padding:35px 40px;}
  #product .item ul li{width:116px; margin:0 19px 15px 0;}
  #product .item ul li&gt;a{width:116px;}
  #product .item ul li&gt;a .img{width:116px; height:116px;}
}
@media (max-width:1080px){
  #product .item&gt;.img{width:100%; height:300px; position:relative;}
  #product .item:nth-child(even)&gt;.img{left:unset;}
  #product .item .con{width:100%; float:none; padding:35px 50px;}
  #product .item .con:before{display:none;}

  #product .item ul{margin-top:40px;}
  #product .item ul li{width:125px; margin:0 30px 20px 0;}
  #product .item ul li&gt;a{width:125px;}
  #product .item ul li&gt;a .img{width:125px; height:125px;}
}
@media (max-width:920px){
  #product .item&gt;.img{height:200px;}
  #product .item .con .tit{font-size:3.8rem;}
  #product .item .con .tit-sub{font-size:1.4rem;}
  #product .item .con{margin:25px 20px; text-align:center; padding:0; width:auto;}
  #product .item ul li{width:45%; margin:0 0 15px 0;}
  #product .item ul li&gt;a{width:100%;}
  #product .item ul li&gt;a .img{margin:auto; width:136px; height:136px;}
  #product .item ul li&gt;a .name{font-size:1.5rem; text-align:center; padding:12px 0; text-align:center; color:#464646;}
}



#search{height:52px; background:#fff; border-bottom:1px solid #eaeaea;}
#search .main-box{padding:14px 50px; margin:0 auto; height:52px;}
#search .main-box i{font-family:"iconfont" !important; font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; color:#464646; display:inline-block; vertical-align:middle;}
#search input{border:0px none; font-size:1.4rem; vertical-align:middle; margin-top:-1px; margin-left:5px; color:#464646; width:1260px;}
#search input::-webkit-input-placeholder{color:#464646;}


#pro-list{min-height:840px; padding:15px 0;}
#pro-list .main-box .root{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; text-align:center;}
#pro-list .main-box .sibling{margin:26px auto; text-align:center;}
#pro-list .main-box .sibling&gt;a{display:inline-block; font-size:1.5rem; color:#464646; padding:10px 5px; margin:0 20px; position:relative;}
#pro-list .main-box .sibling&gt;a:hover{color:#777177;}
#pro-list .main-box .sibling&gt;a.active:after{content:''; display:block; width:100%; height:2px; background:#464646; left:0; bottom:0; position:absolute;}

#pro-list .list { margin-top: 50px; width: 100%; }
#pro-list .list a { display: block; width: 300px; float: left; margin-right: 100px; margin-bottom: 30px; }
#pro-list .list a .img { width: 300px; position: relative; overflow: hidden; background: #eee; border: 1px solid #eaeaea; box-sizing: border-box; }
#pro-list .list a .img:before { content: ''; display: block; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition: all .45s; z-index: 1; }
#pro-list .list a .img&gt;div { display: table; position: absolute; z-index: 2; left: 0; top: 0; color: #fff; width: 100%; height: 100%; table-layout: fixed; }
#pro-list .list a .img&gt;div&gt;span { display: table-cell; width: 100%; height: 100%; vertical-align: middle; text-align: center; font-size: 1.4rem; transition: all .45s; opacity: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; box-sizing: border-box; padding: 0 20px; }
#pro-list .list a .img&gt;div:before { height: 1px; width: 40%; content: ''; display: block; position: absolute; left: 50%; margin-left: -20%; top: 120px; background: #fff; opacity: 0; transition: all .55s ease; }
#pro-list .list a .img&gt;div:after { height: 1px; width: 40%; content: ''; display: block; position: absolute; left: 50%; margin-left: -20%; top: 160px; background: #fff; opacity: 0; transition: all .55s ease; }
#pro-list .list a .img&gt;img { max-width: none; width: 100%; transition: all .35s ease; }
#pro-list .list a .con { border: 1px solid #eaeaea; height: 138px; box-sizing: border-box; border-top: 0px none; padding: 30px; }
#pro-list .list a .con .name { font-size: 1.6rem; color: #464646; height: 60px; }
#pro-list .list a .con .more { border-top: 1px solid #eaeaea; padding-top: 13px; position: relative; color: #999; }
#pro-list .list a .con .more&gt;span { display: block; position: absolute; right: 0; top: 22px; height: 1px; width: 30px; background: #ccc; transition: all .3s; }
#pro-list .list a .con .more&gt;span:before { width: 6px; height: 1px; background: #ccc; display: block; content: ''; transform: rotate(45deg); right: 0; top: -3px; position: absolute; }
#pro-list .list a .con .more&gt;span:after { width: 6px; height: 1px; background: #ccc; display: block; content: ''; transform: rotate(135deg); right: 0; top: 3px; position: absolute; }
#pro-list .list a:hover .img:before { background: rgba(0,0,0,.5); }
#pro-list .list a:hover .img&gt;img { width: 100%; height: 100%; }
#pro-list .list a:hover .img&gt;div&gt;span { opacity: 1; }
#pro-list .list a:hover .img&gt;div:before { width: 10px; left: 50%; margin-left: -5px; opacity: .6; }
#pro-list .list a:hover .img&gt;div:after { width: 10px; left: 50%; margin-left: -5px; opacity: .6; }

.last-num{margin:20px 0 40px 0; text-align:center; color:#999; font-size:1.4rem; width:100%}
.last-num&gt;span{display:inline-block; padding:0 1px; font-family:'Montserrat', sans-serif; font-size:2rem; font-weight:600; color:#005AAD;}

.more-box{margin:0px 0 100px 0; height:47px;}
.more-box&gt;.more{display:block; width:130px; height:45px; line-height:44px; font-size:1.6rem; font-weight:300; font-family:'Microsoft YaHei Light'; border:1px solid #666; color:#464646; border-radius:3px; padding-right:30px; position:relative; transition:all .3s; text-align:center; margin:auto;}
.more-box&gt;.more:before{content:''; display:block; position:absolute; width:14px; height:2px; background:#464646; right:35px; top:20px; transition:all .3s;}
.more-box&gt;.more:hover{color:#005AAD; border:1px solid #005AAD;}
.more-box&gt;.more:after{content:''; display:block; position:absolute; width:2px; height:14px; background:#464646; right:41px; top:14px;transition:all .3s;}
.more-box&gt;.more:hover:before, .more-box&gt;.more:hover:after{transform:rotate(180deg); background:#005AAD;}

.loading-box{margin:0px 0 100px 0; height:47px; text-align:center; line-height:47px; display:none;}
.loading-box&gt;div{width:12px; height:12px; background-color:#67CF22; border-radius:100%; display:inline-block; animation:bouncedelay 1.4s infinite ease-in-out; animation-fill-mode:both; margin:0 3px;}
.loading-box .bounce1{animation-delay:-0.32s;}
.loading-box .bounce2 {animation-delay:-0.16s;}
@keyframes bouncedelay{
  0%,80%,100%{transform:scale(0.0);}
  40%{transform:scale(1.0);}
}


@media (max-width:1440px){
  #pro-list{min-height:auto;}
}
@media (max-width:1366px){
  #search .main-box{padding:14px 35px;}
  #search input{width:1190px;}

  #pro-list{padding:0;}
  #pro-list .main-box{padding:0 35px;}
  #pro-list .list{margin-top:40px; width:1330px; margin-left:0;}
  #pro-list .main-box .sibling{margin:20px auto;}
  #pro-list .list a{width:415px; }
  #pro-list .list a .img{width:415px; }

  .more-box{margin:0px 0 80px 0;}
  .loading-box{margin:0px 0 80px 0;}
}
@media (max-width:1280px){
  #search .main-box{padding:14px 35px;}
  #search input{width:1130px;}

  #pro-list .list{margin-top:40px; width:1240px;}
  #pro-list .list a{width:386px; }
  #pro-list .list a .img{width:386px; }
  #pro-list .list a .img&gt;div:before{top:110px;}
  #pro-list .list a .img&gt;div:after{top:150px;}
  #pro-list .list a .con{height:128px; padding:25px;}
  #pro-list .list a .con .name{height:56px;}

  .more-box{margin:0px 0 60px 0;}
  .loading-box{margin:0px 0 60px 0;}
}
@media (max-width:1080px){
  #search .main-box{padding:14px 32px;}
  #search input{width:950px;}


  #pro-list .main-box .root{font-size:3.6rem;}
  #pro-list .main-box .sibling{margin:16px auto;}
  #pro-list .main-box .sibling&gt;a{font-size:1.4rem; padding:5px; margin:0 13px;}

  #pro-list .list{margin-top:40px; width:1040px;}
  #pro-list .list a{width:320px; }
  #pro-list .list a .img{width:320px; }
  #pro-list .list a .img&gt;div:before{top:88px;}
  #pro-list .list a .img&gt;div:after{top:128px;}
  #pro-list .list a .con{height:110px; padding:15px;}
  #pro-list .list a .con .name{height:50px; font-size:1.4rem;}

  .more-box{margin:0px 0 50px 0;}
  .loading-box{margin:0px 0 50px 0;}
}
@media (max-width:920px){
  #search .main-box{padding:14px 25px;}
  #search input{width:88%; font-size:1.6rem; box-sizing:border-box; vertical-align:middle;}
  #search i{margin-top:-3px;}

  #pro-list{margin-top:-15px;}
  #pro-list .main-box{padding:0 25px;}

  #pro-list .main-box .sibling { text-align: left; line-height: 1.8; }
  #pro-list .main-box .sibling&gt;a { font-size: 1.5rem; padding: 3px 0; margin: 0 15px 0 0; position: relative; letter-spacing: 0; }
  #pro-list .main-box .sibling&gt;a.active:after { bottom: 4px; }

  #pro-list .list { width: 100%; }
  #pro-list .list a { width: 100%; margin-bottom: 25px; }
  #pro-list .list a .img { width: 100%; position: relative; }

  #pro-list .list a .con{height:110px; padding:15px;}
  #pro-list .list a .con .name{height:50px; font-size:1.4rem;}

  #pro-list .list a .img&gt;div&gt;span { display: none; }
  #pro-list .list a .img&gt;div:before { display: none; }
  #pro-list .list a .img&gt;div:after { display: none; }
}

#pro-view .main-box{padding:20px 50px; position:relative; z-index:1; overflow:unset;}

#pro-view .pn{position:absolute; left:0; top:50%; width:100%; height:0; background:#ccc; z-index:9; margin-top:-80px;}
#pro-view .pn .prev{font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:48px; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; border-radius:100%; display:block; position:absolute; left:-50px; top:0; transition:all .2s;}
#pro-view .pn .next{font-family:"iconfont" !important; font-size:22px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; width:48px; height:48px; border:1px solid #ddd; text-align:center; line-height:48px; border-radius:100%; display:block; position:absolute; right:-50px; top:0; transform:rotate(180deg); transition:all .2s;}
#pro-view .pn .prev:hover, #pro-view .pn .next:hover{background:#005AAD; color:#fff; border:1px solid #005AAD;}

#pro-view .pro-move{margin:0 auto 0 auto; min-height:400px; position:relative; z-index:1; width:50%; float:left;}
#pro-view .bx-wrapper img{display:block; margin:auto; height:auto;}
#pro-view .pro-move .bx-wrapper{box-shadow:none; margin:0 0 20px 0; min-height:400px;}
#pro-view .pro-move .bx-wrapper .bx-viewport{border:0px none; box-shadow:none; left:0;}
#pro-view .pro-move .bx-pager{font-size:0; text-align:center; background:#f6f6f6; padding:10px 10px 5px 10px; text-align:left;}
#pro-view .pro-move .bx-pager a{display:inline-block; width:64px; height:64px; vertical-align:middle; margin-right:6px; margin-bottom:6px; background:#fff; box-sizing:border-box; text-align:center; transition:all .2s;}
#pro-view .pro-move .bx-pager a&gt;img{max-width:64px; max-height:64px; vertical-align:middle;}
#pro-view .pro-move .bx-pager a:after{content:''; display:inline-block; height:100%; vertical-align:middle; width:0; font-size:0;}
#pro-view .pro-move .bx-pager a.active{box-shadow:0 0 0 0; background:#005AAD; position:relative;}
#pro-view .pro-move .bx-pager a.active&gt;img{-webkit-filter:brightness(116%); filter:brightness(116%);}
#pro-view .pro-move .bx-prev{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;}
#pro-view .pro-move .bx-prev:after{content:''; display:block; width:30px; height:30px; background:url('img/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; left:14px; top:15px;}
#pro-view .pro-move .bx-next{width:60px; height:60px; background:rgba(0,0,0,.16); border-radius:100%; margin-top:-30px; transition:all .2s;}
#pro-view .pro-move .bx-next:after{content:''; display:block; width:30px; height:30px; background:url('img/ico.arr.left.png') no-repeat center; background-size:30px; position:absolute; right:13px; top:15px; transform:rotate(180deg);}
#pro-view .pro-move .bx-wrapper .bx-controls-direction a{opacity:0;}
/*
#pro-view .pro-move .bx-wrapper:hover .bx-controls-direction a{opacity:1;}
#pro-view .pro-move .bx-prev:hover,#pro-view .pro-move .bx-next:hover{background:rgba(0,0,0,.3);}
*/


#pro-view .pro-info{width:45%; float:right;}
#pro-view .pro-info h1{font-weight:bold; font-size:3.2rem; color:#464646; display:block; margin:0;}
#pro-view .pro-info .path{font-size:1.5rem; margin:10px 0; border-bottom:1px solid #eaeaea; padding-bottom:25px;}
#pro-view .pro-info .path a{display:inline-block;}

#pro-view .pro-info .label{margin-top:25px; font-size:1.5rem; background:url('img/ico.labelc4ca.png?1') no-repeat left 5px; padding-left:26px; background-size:20px;}
#pro-view .pro-info .label .tit{color:#999;}
#pro-view .pro-info .label a{display:inline-block; color:#464646; padding:0; margin:0 12px 8px 0; border:1px solid transparent;}
#pro-view .pro-info .label a:hover{color:#005AAD; border-bottom:1px solid #005AAD;}

#pro-view .ctrl{margin-top:40px;}
#pro-view .ctrl .quiry{display:inline-block; font-size:1.5rem; color:#fff; background:#005AAD; width:200px; height:50px; text-align:center; line-height:48px;}
#pro-view .ctrl .quiry img{height:16px; margin-right:10px; transition:all .25s ease;}
#pro-view .ctrl .quiry:hover img{margin-right:24px;}



#pro-detail{margin-top:50px; min-height:300px;}
#pro-detail .tag-tit{border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; height:86px; position:relative;}
#pro-detail .tag-tit .back{font-family:"iconfont" !important;  font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; left:0; top:0; display:block; width:70px; height:86px; line-height:85px; border-right:1px solid #eaeaea; text-align:center; transition:all .2s;}
#pro-detail .tag-tit .back:hover{background:#005AAD; color:#fff;}
#pro-detail .tag-tit .main-box{margin:0 auto; overflow:unset;}
#pro-detail .tag-tit .main-box&gt;a{display:inline-block; height:100%; line-height:85px; font-size:2rem; padding:0 50px; position:relative;}
#pro-detail .tag-tit .main-box&gt;a:after{content:''; display:block; width:0; height:2px; background:#005AAD; left:50%; bottom:-3px; position:absolute; transition:all .3s;}
#pro-detail .tag-tit .main-box&gt;a:hover{color:#005AAD;}
#pro-detail .tag-tit .main-box&gt;a:hover:after, #pro-detail .tag-tit .main-box&gt;a.active:after{width:100%; left:0;}
#pro-detail .tag-tit .main-box&gt;a.active{color:#464646;}


#pro-detail .tag-con .main-box{padding-bottom:100px;}
#pro-detail .tag-con .item{}
#pro-detail .tag-con .item .tit{display:inline-block; background:#6793ff; padding:10px 20px; color:#fff; font-size:18px; font-weight:300;}
#pro-detail .tag-con .item table td .small{transform:scale(0.8,0.8);}
#pro-detail .tag-con #all-close{display:none;}


@media (max-width:1440px){
  #pro-view .main-box{padding:20px 76px;}
  #pro-view .pn .prev{left:0;}
  #pro-view .pn .next{right:0;}
  #pro-detail .tag-tit .main-box{margin-left:40px;}
}
@media (max-width:1366px){
  #pro-view .pn .prev{font-size:20px; width:42px; height:42px; line-height:42px; left:15px;}
  #pro-view .pn .next{font-size:20px; width:42px; height:42px; line-height:42px; right:15px;}

  #pro-detail .tag-tit{height:76px;}
  #pro-detail .tag-tit .back{height:76px; line-height:76px;}
  #pro-detail .tag-tit .main-box&gt;a{line-height:75px; font-size:1.8rem;}
}
@media (max-width:1280px){
  #pro-view .pro-move{min-height:auto;}
  #pro-view .pro-move .bx-wrapper{min-height:auto;}
}
@media (max-width:1080px){
  #pro-view .pn .prev{display:none;}
  #pro-view .pn .next{display:none;}

  #pro-view .main-box{padding:0px 32px;}
  #pro-detail{margin-top:0px; min-height:auto;}

  #pro-detail .tag-tit{height:70px;}
  #pro-detail .tag-tit .back{width:70px; height:70px; line-height:70px;}
  #pro-detail .tag-tit .main-box&gt;a{line-height:70px; font-size:1.8rem; padding:0 35px;}
}
@media (max-width:920px){
  #pro-view{margin-top:-10px;}
  #pro-view .main-box{padding:0 25px;}
  #pro-view .pro-info{width:100%; float:none;}
  #pro-view .ctrl{margin-top:20px; margin-bottom:30px;}
  #pro-view .ctrl .quiry{width:100%;}
  #pro-view .pro-move{width:100%; float:none;}
  #pro-view .pro-move .bx-pager a{width:64px; height:64px; vertical-align:middle; margin-right:5px; margin-bottom:5px;}
  #pro-view .pro-move .bx-pager a:nth-child(5n+0){margin-right:0;}


  #pro-detail .tag-tit{display:none;}

  #pro-detail .main-box{overflow:unset;}
  #pro-detail .tag-con .main-box{padding:0; margin:0; margin-bottom:80px;}
  #pro-detail .tag-con .item{display:block; margin:0; margin-top:-1px;}


  #pro-detail .tag-con .item .con{display:none; margin:25px; padding-bottom:25px; margin-bottom:0; overflow-x:auto;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar{width:2px; height:2px;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar-track{background:#fff;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar-thumb{background:#ccc;}
  #pro-detail .tag-con .item .con::-webkit-scrollbar-thumb:vertical:hover{background:#005AAD;}
  #pro-detail .tag-con .item .tit{display:block; border-top:1px solid #eaeaea; border-bottom:1px solid #eaeaea; margin-bottom:0; padding:15px 25px; position:relative; font-size:1.7rem; background:#fff; transition:all .2s; color:#464646;}
  #pro-detail .tag-con .item .tit:after{content:''; display:block; position:absolute; right:25px; top:15px; width:28px; height:28px; background:url('img/ico.down.png') no-repeat center center; background-size:16px; background-color:#005AAD; border-radius:100%; transition:all .3s;}
  #pro-detail .tag-con .item.active .tit{color:#464646; background:#eaeaea;}
  #pro-detail .tag-con .item.active .tit:after{transform:rotate(180deg);}
  #pro-detail .tag-con .item.active .con{display:block;}

  #pro-detail .tag-con .item table{width:auto !important; min-width:100%;}
  #pro-detail .tag-con .item table td{white-space:nowrap;}

  #pro-detail .tag-con #all-close{display:block; text-align:center; margin-bottom:80px; margin-top:-20px;}
  #pro-detail .tag-con #all-close&gt;a{display:inline-block; padding:13px 25px 15px 25px; font-size:1.7rem; color:#464646; border:1px solid #eaeaea; border-radius:3px;}
  #pro-detail .tag-con #all-close&gt;a:hover{background:#eee;}
  #pro-detail .tag-con #all-close&gt;a&gt;img{width:20px; margin:-2px 8px auto auto;}
}


.text-content{font-size:1.5rem; line-height:1.8;}
.text-content img{max-width:100%; height:auto;}
.text-content p, .text-content div{margin-bottom:30px;}
.text-content img{max-width:100%; height:auto;}
.text-content span{display:inline-block;}
.text-content table{width:100% !important; border-collapse:collapse; border:0px none; border-top:1px solid #464646 !important; border-left:1px solid #464646 !important; border-spacing:0; table-layout:fixed;}
.text-content table tr{height:auto !important;}
.text-content table td{width:100% !important; height:auto !important; border:0px none !important; line-height:1.5; padding:5px !important; text-align:center; border-right:1px solid #464646 !important; border-bottom:1px solid #464646 !important; font-size:1.4rem;}
.text-content table td p{display:block; margin:0;}
.text-content table td span{display:inline-block; margin:0;}
.text-content table tr{transition:all .2s;}
.text-content table tr:hover{background:#e7f1fc;}



#exhibition, #exhibition-view, #news, #news-view, #videocenter, #download{min-height:750px;}
#exhibition .main-box, #news .main-box, #exhibition-view .main-box, #videocenter .main-box, #download .main-box{padding:15px 50px;}
#exhibition .main-box&gt;.tit, #news .main-box&gt;.tit, #videocenter .main-box&gt;.tit, #download .main-box&gt;.tit{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;}
#exhibition .main-box&gt;.tit:after, #news .main-box&gt;.tit:after, #videocenter .main-box&gt;.tit:after, #download .main-box&gt;.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}

#exhibition .list, #news .list, #videocenter .list{margin-top:20px; margin-bottom:50px;}
#exhibition .list&gt;a{display:block; height:325px; position:relative; z-index:1; margin-bottom:40px;}
#exhibition .list&gt;a:after{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0; box-sizing:border-box; transition:all .3s;}
#exhibition .list&gt;a .img{width:50%; height:100%; float:right; background:#f5f5f5; overflow:hidden; position:relative;}
#exhibition .list&gt;a .img:after{content:''; display:block; background:rgba(0,0,0,0); left:0; top:0; width:100%; height:100%; position:absolute; transition:all .3s; z-index:1;}
#exhibition .list&gt;a .img p{color:#fff; position:absolute; font-size:1.5rem; left:50%; top:50%; z-index:2; margin:-15px 0 0 -15px; opacity:0; transition:all .35s;}
#exhibition .list&gt;a .img p:before{width:200px; height:1px; background:rgba(255,255,255,.0); left:50%; top:-6px; margin-left:-100px; position:absolute; content:''; display:block; transition:all .35s;}
#exhibition .list&gt;a .img p:after{width:200px; height:1px; background:rgba(255,255,255,.0); left:50%; bottom:-6px; margin-left:-100px; position:absolute; content:''; display:block; transition:all .35s;}
#exhibition .list&gt;a .img img{width:100%; height:100%; max-width:none; transition:all .3s;}
#exhibition .list&gt;a .con{width:50%; float:left; height:100%; display:table; table-layout:fixed;}
#exhibition .list&gt;a .date{display:table-cell; width:50%; height:100%; background:#f5f5f5; text-align:center; vertical-align:middle; color:#464646; transition:all .3s;}
#exhibition .list&gt;a .date .year{font-size:8.6rem; font-weight:600; line-height:1; display:block; margin-top:-8px; font-family:'Montserrat', sans-serif;}
#exhibition .list&gt;a .date .num{line-height:1; display:block; font-size:1.6rem; font-weight:400; margin-top:5px;}
#exhibition .list&gt;a .tit{display:table-cell; width:50%; height:100%; text-align:center; vertical-align:middle; color:#464646; line-height:1.5; font-size:1.6rem; padding:30px; box-sizing:border-box;}
#exhibition .list&gt;a .tit .update{font-size:1.3rem; color:#999;}

#exhibition .list&gt;a:nth-child(even) .img{float:left;}
#exhibition .list&gt;a:nth-child(even) .con{float:right;}
#exhibition .list&gt;a:nth-child(even) .con .date{background:#333; color:#fff;}

#exhibition .list&gt;a:hover .img&gt;img{width:110%; height:110%; margin:-5%;}
#exhibition .list&gt;a:hover .img:after{background:rgba(0,0,0,.6);}
#exhibition .list&gt;a:hover .img p{opacity:1;}
#exhibition .list&gt;a:hover .img p:before{width:10px; background:rgba(255,255,255,.5); margin-left:-5px;}
#exhibition .list&gt;a:hover .img p:after{width:10px; background:rgba(255,255,255,.5); margin-left:-5px;}
#exhibition .list&gt;a:hover:after{box-shadow:0 0 0 10px #005AAD inset;}
#exhibition .list&gt;a:hover .con .date{background:#005AAD; color:#fff;}


#exhibition-view, #news-view{margin-top:150px;}
#exhibition-view h1, #news-view h1{font-size:4.6rem; font-weight:normal; color:#464646; display:block; padding:0; margin:0;}
#exhibition-view .info, #news-view .info{margin-top:30px; font-size:1.6rem; position:relative;}
#exhibition-view .info .split, #news-view .info .split{width:1px; height:16px; display:inline-block; vertical-align:middle; background:#ddd;}
#exhibition-view .info .wx, #news-view .info .wx{font-family:"iconfont" !important; font-size:24px; font-style:normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing:grayscale; vertical-align:middle; margin-left:15px; color:#4fce2a;}
#exhibition-view .info .wx:hover, #news-view .info .wx:hover{color:#56dd2f;}
#exhibition-view .info .clicks, #news-view .info .clicks{position:absolute; right:0; top:3px; text-align:right; font-size:1.5rem; color:#ccc;}
#exhibition-view .info .clicks img, #news-view .info .clicks img{height:22px; margin-top:-3px; margin-right:5px;}
#exhibition-view .con, #news-view .con{padding:20px 0;}
#exhibition-view .con table td, #exhibition-view .con table td *, #news-view .con table td, #news-view .con table td *{}
#exhibition-view .btm, #news-view .btm{margin:80px auto; border-top:1px solid #eaeaea; padding:35px 0 15px 0;}
#exhibition-view .btm .left, #news-view .btm .left{width:70%; float:left;}
#exhibition-view .btm .left div, #news-view .btm .left div{padding:5px 0; font-size:1.5rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#exhibition-view .btm .left div a, #news-view .btm .left div a{color:#999; transition:all .2s; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#exhibition-view .btm .left div a:hover, #news-view .btm .left div a:hover{color:#666;}
#exhibition-view .btm .right, #news-view .btm .right{width:30%; float:right; position:relative;}
#exhibition-view .btm .right .back, #news-view .btm .right .back{font-family:"iconfont" !important; font-size:20px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; position:absolute; right:0; top:0; display:block; width:60px; height:60px; line-height:60px; background:#333; color:#fff; text-align:center; transition:all .2s;}
#exhibition-view .btm .right .back:hover, #news-view .btm .right .back:hover{background:#005AAD;}


@media (max-width:1440px){

}
@media (max-width:1366px){

}
@media (max-width:1280px){
  #exhibition .main-box, #news .main-box, #exhibition-view .main-box, #news-view .main-box, #videocenter .main-box, #download .main-box{padding:0 15px;}
  #exhibition .list&gt;a .date .year{font-size:7.8rem;}

  #exhibition-view, #news-view{margin-top:130px;}
  #exhibition-view h1, #news-view h1{font-size:4.2rem;}

  .text-content, .text-content *{font-size:1.4rem;}
}
@media (max-width:1080px){
  #exhibition .list, #news .list, #videocenter .list{margin-top:70px; margin-bottom:40px;}
  #exhibition .list&gt;a{height:280px; margin-bottom:25px;}
  #exhibition .list&gt;a .date .year{font-size:6.8rem;}
}
@media (max-width:920px){
  #exhibition, #news, #videocenter, #download{margin-top:-20px;}
  #exhibition .main-box&gt;.tit, #news .main-box&gt;.tit, #videocenter .main-box&gt;.tit, #download .main-box&gt;.tit{font-size:3.6rem;}
  #exhibition .main-box&gt;.tit:after, #news .main-box&gt;.tit:after, #videocenter .main-box&gt;.tit:after, #download .main-box&gt;.tit:after{bottom:-15px;}
  #exhibition .list, #news .list, #videocenter .list{margin-top:60px; margin-bottom:40px;}
  #exhibition .list&gt;a{height:auto; margin-bottom:25px;}
  #exhibition .list&gt;a .img{width:100%; height:auto; float:none;}
  #exhibition .list&gt;a .img p, #exhibition .list&gt;a .img p:after, #exhibition .list&gt;a .img p:before{display:none;}
  #exhibition .list&gt;a:hover .img&gt;img{width:100%; height:auto; margin:0;}
  #exhibition .list&gt;a .con{width:100%; float:none; height:200px;}
  #exhibition .list&gt;a .date .year{font-size:3.6rem;}
  #exhibition .list&gt;a .date .num{font-size:1.4rem;}
  #exhibition .list&gt;a .tit{line-height:1.4; font-size:1.5rem; padding:20px;}
  #exhibition .list&gt;a .tit .update{display:none;}
  #exhibition .list&gt;a:nth-child(even) .img{float:none;}
  #exhibition .list&gt;a:nth-child(even) .con{float:none;}

  #exhibition-view, #news-view{margin-top:100px;}
  #exhibition-view h1, #news-view h1{font-size:3.2rem;}
  #exhibition-view .info, #news-view .info{margin-bottom:20px;}
  #exhibition-view .btm, #news-view .btm{margin:30px auto; padding:25px 0;}

}



#news .list&gt;a{display:block; height:100%; width:100%; border:1px solid #eaeaea; box-sizing:border-box; padding:30px; position:relative; height:260px; margin-bottom:40px; transition:all .3s; overflow:hidden;}
#news .list&gt;a:after{background:#005AAD; width:60px; height:100%; position:absolute; right:-70px; top:0; z-index:1; transition:all .3s;}
#news .list&gt;a .img{width:300px; height:100%; background:#f5f5f5; float:left;}
#news .list&gt;a .img&gt;img{width:100%; height:100%;}
#news .list&gt;a .box{width:820px; height:100%; float:left; margin-left:30px; position:relative;}
#news .list&gt;a.nopic .box{width:1160px; margin-left:0;}
#news .list&gt;a .box h3{font-size:2.6rem; font-weight:normal; color:#464646; margin:0; padding:0; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:5px; box-sizing:border-box;}
#news .list&gt;a .box .con{font-size:1.4rem; line-height:1.8; margin-top:15px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical;}
#news .list&gt;a .box .date{position:absolute; left:0; bottom:5px; font-size:1.8rem; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei';}
#news .list&gt;a .box .date&gt;i{font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; margin-right:8px;}
#news .list&gt;a .arr{position:absolute; right:0; top:0; width:70px; height:100%; z-index:2; transition:all .15s ease;}
#news .list&gt;a .arr&gt;i{font-family:"iconfont" !important; font-size:32px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; transform:rotate(180deg); position:absolute; top:50%; margin-top:-16px; right:50%; margin-right:-16px; transition:all .3s;}
#news .list&gt;a:hover{box-shadow:10px 10px 30px rgba(0,0,0,.08);}
#news .list&gt;a:hover:after{right:0;}
#news .list&gt;a:hover .arr{right:-5px;}
#news .list&gt;a:hover .arr&gt;i{color:#fff;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #news .list&gt;a .box{width:780px;}
  #news .list&gt;a.nopic .box{width:1120px;}
}
@media (max-width:1280px){
  #news .list&gt;a .box{width:740px;}
  #news .list&gt;a.nopic .box{width:1080px;}
}
@media (max-width:1080px){
  #news .list&gt;a .box{width:560px;}
  #news .list&gt;a.nopic .box{width:900px;}
}
@media (max-width:920px){
  #news .list&gt;a{height:auto; border:1px solid #eaeaea; padding:0; margin-bottom:25px;}
  #news .list&gt;a:after{display:none;}
  #news .list&gt;a .img{width:102%; height:auto; float:none;}
  #news .list&gt;a .img&gt;img{width:100%; height:auto;}
  #news .list&gt;a .box{width:100%; height:auto; float:none; margin-left:0; padding:25px; box-sizing:border-box;}
  #news .list&gt;a.nopic .box{width:100%;}
  #news .list&gt;a .box h3{font-size:2rem; white-space:unset; overflow:unset; text-overflow:unset; padding-top:unset;}
  #news .list&gt;a .box .con{font-size:1.4rem; line-height:1.6;}
  #news .list&gt;a .box .date{position:unset; left:unset; bottom:unset; margin-top:15px;}
  #news .list&gt;a .arr{display:none;}
}


#videocenter .list{width:1330px;}
#videocenter .list a{display:block; width:635px; height:610px; float:left; margin-right:25px; margin-bottom:30px;}
#videocenter .list a .img{width:635px; height:425px; position:relative; overflow:hidden; background:#eee;}
#videocenter .list a .img:before{content:''; display:block; width:100%; height:100%; position:absolute; left:0; top:0;  transition:all .45s; z-index:1;}
#videocenter .list a .img&gt;div{display:table; position:absolute; z-index:2; left:0; top:0; color:#fff; width:100%; height:100%;}
#videocenter .list a .img&gt;div&gt;span{display:table-cell; width:100%; height:100%; vertical-align:middle; text-align:center; font-size:1.6rem; transition:all .45s; opacity:0; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
#videocenter .list a .img&gt;div:before{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:195px; background:#fff; opacity:0; transition:all .55s ease;}
#videocenter .list a .img&gt;div:after{height:1px; width:40%; content:''; display:block; position:absolute; left:50%; margin-left:-20%; top:230px; background:#fff; opacity:0; transition:all .55s ease;}
#videocenter .list a .img&gt;img{max-width:none; width:100%; height:100%; transition:all .35s ease;}
#videocenter .list a .con{border:1px solid #eaeaea; height:185px; box-sizing:border-box; border-top:0px none; padding:30px;}
#videocenter .list a .con .name{color:#464646; height:35px; font-size:1.8rem;}
#videocenter .list a .con .desc{font-size:1.4rem; line-height:1.5; height:70px;}
#videocenter .list a .con .more{border-top:1px solid #eaeaea; padding-top:13px; position:relative; color:#999;}
#videocenter .list a .con .more&gt;span{display:block; position:absolute; right:0; top:22px; height:1px; width:30px; background:#ccc; transition:all .3s;}
#videocenter .list a .con .more&gt;span:before{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(45deg); right:0; top:-3px; position:absolute;}
#videocenter .list a .con .more&gt;span:after{width:6px; height:1px; background:#ccc; display:block; content:''; transform:rotate(135deg); right:0; top:3px; position:absolute;}
#videocenter .list a:hover .img:before{background:rgba(0,0,0,.5);}
#videocenter .list a:hover .img&gt;img{width:110%; height:110%; margin:-5%;}
#videocenter .list a:hover .img&gt;div&gt;span{opacity:1;}
#videocenter .list a:hover .img&gt;div:before{width:10px; left:50%; margin-left:-5px; opacity:.6;}
#videocenter .list a:hover .img&gt;div:after{width:10px; left:50%; margin-left:-5px; opacity:.6;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #videocenter .list{width:1265px;}
  #videocenter .list a{width:607px; height:600px;}
  #videocenter .list a .img{width:607px; height:406px;}
  #videocenter .list a .img&gt;div:before{top:185px;}
  #videocenter .list a .img&gt;div:after{top:220px;}
}
@media (max-width:1280px){
  #videocenter .list{width:1255px;}
  #videocenter .list a{width:600px; height:596px;}
  #videocenter .list a .img{width:600px; height:400px;}
  #videocenter .list a .img&gt;div:before{top:182px;}
  #videocenter .list a .img&gt;div:after{top:217px;}
}
@media (max-width:1080px){
  #videocenter .list{width:1055px;}
  #videocenter .list a{width:502px; height:526px;}
  #videocenter .list a .img{width:502px; height:336px;}
  #videocenter .list a .img&gt;div:before{top:150px;}
  #videocenter .list a .img&gt;div:after{top:185px;}
  #videocenter .list a .con .desc{font-size:1.3rem; line-height:1.4; height:60px;}
  #videocenter .list a .con{height:175px;}
}
@media (max-width:920px){
  #videocenter .list{width:100%;}
  #videocenter .list a{width:100%; height:auto; float:none; margin-right:0; margin-bottom:25px;}
  #videocenter .list a .img{width:100%; height:auto;}
  #videocenter .list a .img&gt;div&gt;span{display:none;}
  #videocenter .list a .img&gt;div:before{display:none;}
  #videocenter .list a .img&gt;div:after{display:none;}
  #videocenter .list a:hover .img&gt;img{width:100%; height:auto; margin:0;}
}


#network{position:relative; height:100%; z-index:1; padding-top:60px; box-sizing:border-box; overflow:hidden;}
#network .left{height:100%; width:400px; background:#fff; position:absolute; left:0; top:0; z-index:2; padding-top:60px; box-sizing:border-box;}
#network .search{padding:30px; background:#222;}
#network .search .layui-input-inline{width:167px;}
#network .search .layui-form-select dl dd.layui-this{background:#005AAD;}
#network .search input{background:#fff; border:0px none;}
#network .search .layui-form-select dl{border:0px none;}
#network .search .key{margin-top:5px;}
#network .search .key input{width:292px;}
#network .search .layui-input{display:inline-block; vertical-align:middle;}
#network .search .key button{display:inline-block; vertical-align:middle; background:#005AAD; font-family:"iconfont" !important; font-size:18px; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; padding-left:0; padding-right:0; text-align:center; width:42px;}

#network .list{overflow-y:auto; position:absolute; width:100%; left:0; top:201px; bottom:0;}
#network .list::-webkit-scrollbar{width:8px; height:8px;}
#network .list::-webkit-scrollbar-track{background:#eee;}
#network .list::-webkit-scrollbar-thumb{background:#ccc;}
#network .list::-webkit-scrollbar-thumb:vertical:hover{background:#005AAD;}
#network .list a{display:block; padding:30px; border-bottom:1px solid #eaeaea; transition:all .3s;}
#network .list a:hover{background:#005AAD;}
#network .list a dt{font-size:1.8rem; margin-bottom:10px; color:#464646; transition:all .3s;}
#network .list a dt&gt;i{font-family: "iconfont" !important; font-size:1.7rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; display:inline-block; margin-right:6px; color:#005AAD; transition:all .3s;}
#network .list a dd{font-size:1.5rem; transition:all .3s;}
#network .list a:hover dt{color:#fff;}
#network .list a:hover dt&gt;i{color:#fff;}
#network .list a:hover dd{color:#fff;}
#network .list a dd p{padding:4px 0 3px 0;}
#network .list a dd p.nav{display:none;}

#allmap{height:108%; position:relative; z-index:1; margin-left:400px;}
#allmap .anchorBL, #allmap .BMap_cpyCtrl{display:none;}
#allmap img{max-width:none;}
#allmap .map-box{padding:5px 8px;}
#allmap .title{font-size:1.8rem; color:#464646; padding-bottom:12px;}
#allmap .detail{border-top:2px solid #464646; padding-top:12px; color:#464646; font-size:1.3rem; letter-spacing:0;}
#allmap .detail p{margin-bottom:4px;}
#allmap .map-box .detail a{display:inline-block; padding-left:23px; background:url('img/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#005AAD; min-height:18px;}
#allmap .map-box .detail a:hover{color:#597dd3;}


@media (max-width:1440px){

}
@media (max-width:1366px){

}
@media (max-width:1280px){
  #network .left{width:350px;}
  #network .search .layui-input-inline{width:142px;}
  #network .search .key input{width:242px;}
  #network .list a dt{font-size:1.6rem;}
  #network .list a dt&gt;i{font-size:1.5rem;}
  #network .list a dd{font-size:1.4rem; letter-spacing:0;}
  #allmap{margin-left:350px; height:109%;}
}
@media (max-width:1080px){
  #network{height:auto; overflow:unset; padding:0;}
  #network .left{width:100%; position:relative; padding-top:0;}
  #network .left .search #form1&gt;div{display:inline-block;}
  #network .search .layui-input-inline{width:188px;}

  #network .list{overflow-y:unset; position:unset; height:auto; min-height:auto; top:unset; bottom:unset;}

  #allmap{margin-left:0; height:768px;}

}
@media (max-width:920px){
  #network .left{margin-top:60px;}
  #network .search{padding:25px;}
  #network .search .layui-input-inline{width:48%;}
  #network .search .key{display:block; width:100%;}
  #network .search .key input{width:calc(100% - 56px);}

  #network .list a dt{font-size:1.8rem;}
  #network .list a:hover, #network .list a:active{background:#eee;}
  #network .list a:hover dt{color:#464646;}
  #network .list a:hover dt&gt;i{color:#005AAD;}
  #network .list a:hover dd{color:#777177;}
  #network .list a dt&gt;i{font-size:1.7rem;}
  #network .list a dd{font-size:1.5rem; letter-spacing:0;}
  #network .list a dd p.nav{display:block; margin-top:3px;}
  #network .list a dd p.nav span{display:inline-block; padding-left:23px; background:url('img/ico.nav.png') no-repeat left center; background-size:18px; margin-top:5px; color:#005AAD; min-height:18px;}

  #allmap{display:none;}
}



#global{margin:80px 0;}
#global .main-box, #service .main-box{min-height:500px; position:relative; z-index:1;}
#global .main-box .right, #service .main-box .right{background:url('img/global.jpg') no-repeat center center; background-size:cover; width:48%; right:50px; top:0; position:absolute; height:100%;}
#global .main-box .left, #service .main-box .left{width:52%; box-sizing:border-box; padding-right:100px;}
#global .main-box .tit, #service .main-box .tit{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;}
#global .main-box .tit:after, #service .main-box .tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}
#global .main-box .con, #service .main-box .con{font-size:1.6rem; margin-top:55px; color:#464646;}
#global .main-box .desc, #service .main-box .desc{font-size:1.4rem; margin-top:25px; line-height:1.9;}
#global .main-box .customer{margin-top:120px;}
#global .main-box .customer&gt;a{display:inline-block; font-size:1.3rem; height:26px; line-height:26px; background:#999; color:#fff; border-radius:20px; padding:0 9px; margin:auto 6px 10px auto; vertical-align:middle; transition:all .3s;}
#global .main-box .customer&gt;a:hover{background:#005AAD;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #global .main-box, #service .main-box{padding:0 35px;}
}
@media (max-width:1280px){
  #global, #service{margin-top:60px;}
  #global .main-box, #service .main-box{padding:0 25px;}
}
@media (max-width:1080px){
  #global, #service{margin-top:-5px;}
  #global .main-box .right, #service .main-box .right{width:100%; height:300px; position:relative; right:0;}
  #global .main-box .left, #service .main-box .left{width:100%; padding-right:0; margin-bottom:40px;}
  #global .main-box .customer{margin-top:50px;}
}
@media (max-width:920px){
  #global, #service{margin-top:-10px;}
  #global .main-box .right, #service .main-box .right{height:250px;}
}


#service{margin:80px 0 0 0;}
#service .main-box{min-height:400px; margin:0 auto;}
#service .main-box .right{background:url('img/service_1.jpg') no-repeat center center; background-size:cover;}
#sm1{margin-top:16px; margin-bottom:80px;}
#sm1 .main-box{margin:0 auto; min-height:500px; position:relative;}
#sm1 .main-box .left{position:absolute; left:50px; top:0; width:810px; height:100%; background:url('img/service_2.jpg') no-repeat center; background-size:cover;}
#sm1 .main-box .right{min-height:500px; width:490px; background:#2f2f2f; float:right; padding:50px; color:#fff; box-sizing:border-box;}
#sm1 .main-box .tit{font-size:3.8rem; color:#fff; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;}
#sm1 .main-box .tit:after{content:''; display:block; width:16px; height:2px; background:rgba(255,255,255,.7); position:absolute; left:0; bottom:-20px;}
#sm1 .main-box .con{font-size:1.4rem; margin-top:55px; color:rgba(255,255,255,.7); line-height:1.9;}
#sm1 .main-box .desc{padding-left:20px; margin-top:30px; font-size:1.4rem; color:rgba(255,255,255,.7); line-height:1.6;}
#sm1 .main-box .desc li{list-style:disc; margin:8px 0;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #sm1 .main-box{min-height:460px;}
  #sm1 .main-box .left{width:770px;}
  #sm1 .main-box .right{min-height:460px;}
}
@media (max-width:1280px){
  #service{margin:60px 0 0 0;}

  #sm1 .main-box{min-height:420px;}
  #sm1 .main-box .left{width:685px;}
  #sm1 .main-box .right{min-height:420px;}
}
@media (max-width:1080px){
  #service{margin:50px 0 0 0;}
  #sm1 .main-box{padding:0 25px;}
  #sm1 .main-box .left{position:relative;; left:0; width:100%; height:350px;}
  #sm1 .main-box .right{width:100%; float:none; padding:35px; min-height:350px;}
}
@media (max-width:920px){
  #sm1 .main-box .left{height:200px;}
  #sm1 .main-box .right{padding:0; background:#fff; padding:30px 0 0 0; min-height:unset;}
  #sm1 .main-box .tit{color:#464646;}
  #sm1 .main-box .tit:after{background:#464646;}
  #sm1 .main-box .con{color:#777177;}
}


#download .list{margin-top:80px;}
#download .list a{display:block; padding:35px; height:130px; border:1px solid #eaeaea; margin-bottom:40px;  transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1);}
#download .list a .img{width:180px; height:130px; float:left; background:#f3f3f3;}
#download .list a .img&gt;img{width:100%; height:100%;}
#download .list a .box{width:750px; float:left; margin-left:35px;}
#download .list a .box .title{color:#464646; font-size:2.6rem;}
#download .list a .box .sharecode{font-size:1.4rem; color:#005AAD; padding-left:20px; background:url('img/ico.pwd.png') no-repeat left center; background-size:15px; margin-top:10px;}
#download .list a .box .size{font-size:1.4rem; color:#aaa; padding-left:20px; background:url('img/ico.annex.png') no-repeat left center; background-size:14px; margin-top:25px; font-family:'Montserrat', sans-serif; font-weight:600;}
#download .list a .info{width:150px; height:100px; float:right; background:#f3f3f3; overflow:hidden; color:#b0b0b0; font-family:'Montserrat', sans-serif; font-weight:600; font-size:1.4rem; text-align:center; position:relative; z-index:1;}
#download .list a .info .date{width:100px; border-bottom:1px solid #dcdcdc; margin:auto; padding:25px 0 6px 0; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;}
#download .list a .info .count{padding-top:6px; position:relative; z-index:2; transition:all .35s cubic-bezier(0.7, 0.01, 0.3, 1) .1s;}
#download .list a .info:after{content:''; display:block; width:5px; height:5px; background:#f3f3f3; position:absolute; left:53px; top:63px; z-index:1; border-radius:100%; transition:all .8s cubic-bezier(0.7, 0.01, 0.3, 1);}
#download .list a:hover{box-shadow:10px 10px 30px rgba(0,0,0,.08);}
#download .list a .count i{font-family:"iconfont" !important; font-size:1.2rem; font-style:normal; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;display:inline-block; margin-right:5px;}
#download .list a:hover .info:after{width:150%; height:180%; left:-20%; top:-40%; background:#005AAD;}
#download .list a:hover .info{color:#fff;}
#download .list a:hover .info .date{border-bottom:1px solid rgba(255,255,255,.3);}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #download .list{margin-top:70px;}
}
@media (max-width:1280px){

}
@media (max-width:1080px){
  #download{margin-top:-10px;}
  #download .list{margin-top:60px;}
  #download .list a .box{width:560px;}
}
@media (max-width:920px){
  #download .list a{padding:20px; height:auto;}
  #download .list a .img{width:100%; height:auto; float:none;}
  #download .list a .box{width:100%; float:none; margin-left:0; margin-top:15px;}
  #download .list a .box .title{font-size:2.2rem;}
  #download .list a .info{width:100%; height:100px; float:none; text-align:center; margin-top:25px;}
}



#contact .main-box{padding-top:20px; padding-bottom:20px;}
#contact .main-box&gt;.tit{font-size:3.8rem; color:#464646; font-weight:300; font-family:'Microsoft YaHei Light', 'Microsoft YaHei'; position:relative;}
#contact .main-box&gt;.tit:after{content:''; display:block; width:16px; height:2px; background:#464646; position:absolute; left:0; bottom:-20px;}
#contact .box{margin-top:70px;}
#contact .item{width:630px; border:1px solid #eaeaea; padding:35px; box-sizing:border-box; display:block; position:relative; overflow:hidden;}
#contact .item:before{content:''; display:block; width:80px; height:80px; background:#005AAD; position:absolute; left:40px; top:60px; border-radius:100%; z-index:1; transition:all .8s cubic-bezier(0.7, 0.01, 0.3, 1);}
#contact .item:hover:before{background:#005AAD; width:1000px; height:1000px; left:-25%; top:-100%;}
#contact .wall{position:relative; width:1330px;}
#contact .wall-column{display:block; position:relative; width:630px; float:left; padding:0; margin:0 30px 30px 0; box-sizing:border-box;}
#contact .wall-item{margin-bottom:30px;}


#contact .item .left{width:90px; float:left; background:#005AAD; height:90px; border-radius:100%; margin-top:20px; position:relative; z-index:2; text-align:center; line-height:82px;}
#contact .item .left img{width:64px; height:64px;}
#contact .item .right{width:445px; float:right; position:relative; z-index:2;}
#contact .item .right .tit{font-size:2.6rem; color:#005AAD; transition:all .35s .3s;}
#contact .item .right .desc{color:#005AAD; font-size:1.5rem; margin-top:8px; transition:all .35s .3s;}
#contact .item .right .con{margin-top:30px; font-size:1.5rem; line-height:1.6; letter-spacing:0; transition:all .35s .3s;}
#contact .item .right .con p{margin:10px 0;}
#contact .item .right .con a{transition:all .35s .3s;}
#contact .item .right .con a.unline{text-decoration:underline; color:#005AAD;}

#contact .item:hover .right .tit{color:#fff;}
#contact .item:hover .right .desc{color:rgba(255,255,255,.6);}
#contact .item:hover .right .con{color:#fff;}
#contact .item:hover .right .con a{color:#fff;}


@media (max-width:1440px){

}
@media (max-width:1366px){
  #contact .main-box{padding-top:0px;}
  #contact .item{width:615px;}
  #contact .item:before{width:70px; height:70px;}

  #contact .wall{width:1300px;}
  #contact .wall-column{width:615px;}

  #contact .item .left{width:80px; height:80px;}
  #contact .item .left img{width:48px; height:48px; margin-top:-5px;}
  #contact .item .right{width:420px;}
}
@media (max-width:1280px){
  #contact .main-box{padding-left:35px; padding-right:35px;}
  #contact .item{width:590px;}

  #contact .wall-column{width:590px;}
}
@media (max-width:1080px){
  #contact{margin-top:-10px;}
  #contact .item{width:100%;}
  #contact .item:hover:before{width:2000px; height:2000px; left:-45%; top:-150%;}
  #contact .item .left{width:90px; float:none; height:90px; position:absolute; left:30px; top:30px;}
  #contact .item .left img{width:64px; height:64px;}
  #contact .item .right{margin-left:120px; float:none; width:auto;}

  #contact .wall{width:100%;}
  #contact .wall-column{width:100%;}
}
@media (max-width:920px){
  #contact .main-box{padding-left:25px; padding-right:25px;}
  #bans .tit.contact{font-size:3.2rem;}

  #contact .main-box&gt;.tit{font-size:2rem;}
  #contact .item{border:0px none; padding:0 0 25px 0; border-bottom:1px solid #eaeaea;}
  #contact .item:before{display:none;}
  #contact .item .left{width:48px; height:48px; left:0px; top:0px; line-height:48px; margin:0;}
  #contact .item .left img{width:32px; height:32px;}
  #contact .item .right{margin-left:70px; width:auto;}
  #contact .item .right .desc{font-size:1.4rem; margin-top:8px;}
  #contact .item .right .con{margin-top:20px; font-size:1.4rem;}

  #contact .item:hover .right .tit{color:unset;}
  #contact .item:hover .right .desc{color:unset;}
  #contact .item:hover .right .con{color:unset;}
}


#pro-catalog{position:fixed; z-index:5; right:0; bottom:73px; transition:all .5s;}
#pro-catalog .catalog{display:block;}
#pro-catalog .catalog&gt;p{border:1px solid #ddd; border-bottom:0px none;}
#pro-catalog .catalog&gt;span{width:100px; background:#0a0a0a; color:#fff; display:block; text-align:center; font-size:1.5rem; line-height:1.3; padding-top:16px; padding-bottom:18px; transition:all .3s; position:relative; z-index:2;}
#pro-catalog .catalog:hover&gt;span{background:#005AAD;}
#pro-catalog .close{display:block; width:100%; height:20px; background:#ddd; position:relative; transition:all .2s; z-index:2;}
#pro-catalog .close:before{content:''; display:block; position:absolute; left:50%; top:4px; width:1px; height:12px; background:#777177; transform:rotate(45deg); transition:all .2s;}
#pro-catalog .close:after{content:''; display:block; position:absolute; left:50%; top:4px; width:1px; height:12px; background:#777177; transform:rotate(-45deg); transition:all .2s;}
#pro-catalog .close:hover{background:#005AAD;}
#pro-catalog .close:hover:before, #pro-catalog .close:hover:after{background:#fff;}
#pro-catalog.hide{right:-100px;}
#pro-catalog .open{width:20px; height:20px; background:#fff; border:1px solid #ddd; position:absolute; left:0; bottom:0; z-index:1; transition:all .3s;}
#pro-catalog .open:before{content:''; display:block; position:absolute; width:10px; height:1px; top:8px; left:5px; background:#777177;}
#pro-catalog .open:after{content:''; display:block; position:absolute; width:10px; height:1px; top:12px; left:5px; background:#777177;}
#pro-catalog .open:hover{background:#eee;}
#pro-catalog.hide .open{left:-22px; transition:left .3s .5s, backgroun .2s;}

@media (max-width:1366px){
  #pro-catalog .catalog&gt;p&gt;img{width:78px;}
  #pro-catalog .catalog&gt;span{width:80px; font-size:1.3rem; padding-top:13px; padding-bottom:15px;}
}
@media (max-width:1080px){
  #pro-catalog .catalog&gt;p&gt;img{width:74px;}
  #pro-catalog .catalog&gt;span{width:76px; font-size:1.2rem; padding-top:11px; padding-bottom:13px;}
}
@media (max-width:920px){
  #pro-catalog{display:none;}
}


.aclearfix { zoom: 1; }
.aclearfix:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }

.swiper-containerB .swiper-slide { text-align: center; }

.nybanner{ position:relative; width:100%; height:300px; background-position: center; background-size: cover; }

@media (max-width:920px) {
.nybanner{ height:200px; }
}


.wzlocation { width: 100%; display: inline-block; background: #f6f6f6; padding: 15px 15px 15px 15px; }
.wzlocation:before { display: inline-block; width: 8px; height: 8px; margin-right: 10px; content: ''; vertical-align: middle; background-color: #005AAD; }
.wzlocation span { display: inline-block; }
.wzlocation a { display: inline-block; }
.wzlocation a:after { content: ''; margin: 0 5px; }
.wzlocation a:hover, .location a.font { color: #005AAD; }
.wzlocation font { color: #005AAD; }

.xz-list-ti { background: #f4f4f4; overflow:auto; }
.xz-list-ti li { float: left; height: 56px; line-height: 56px; color: #333; font-size: 16px; width: 15%; text-align: center; }
.xz-list-ti li:nth-child(1) { width: 64%; padding-left: 32px; text-align: left; }
.xz-list-nr { border-bottom: 1px dashed #d3d3d3; line-height: 50px; overflow:auto; }
.xz-list-nr li { width: 15%; text-align: center; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; overflow: hidden; height: 50px; }
.xz-list-nr li a { width: 26px; height: 26px; display: block; margin: 0 auto; }
.xz-list-nr li img { width: 26px; }
.xz-list-nr li:nth-child(1) { width: 64%; text-align: left; background: url(../images/jt1.png) no-repeat 5px; padding-left: 32px; }
.xz-list-nr li img { transition-duration: .5s; }
.xz-list-nr li:hover img { transform: scale(1.1, 1.1) }

#pro-list .list .fy_style a { display:inline-block; float:none; width:auto; margin-right:0px; }

/* 新闻列表 开始 */
.news_list .hotnews { overflow: hidden; margin: 0; border-bottom: 3px solid #eff1f1; padding-bottom: 20px; margin-bottom: 20px; }
.news_list ul { margin-bottom: 30px; }
.news_list li { overflow: hidden; transition: all 200ms linear; }

.hotnews .hotnews_con { padding: 20px 20px; }
.normal_news { background: #f9fafa; margin: 10px 0; }
.normal_news .news_con { padding: 20px; width:100%; }
.normal_news .item_news_time { margin-top: 4px; }
.normal_news .item_news_title { width: 100%; }
.normal_news .news_con_info { margin: 0; }
.normal_news .new_par_l { width: 15%; }
.normal_news .new_par_r { width: 82%; }

.normal_news:hover { background: #ececec; }

.item_news_title { font-size: 20px; color: #46464b; font-weight: bold; margin: 0 0 20px 0; line-height: 1.4; }
.item_news_time { font-size: 22px; color: #005AAD; margin: 20px 0; }
.item_news_content { font-size: 14px; color: #a2a5a8; line-height: 1.6; margin-top: 20px; }

.news_con_info{font-size: 14px;color: #ccc;margin: 14px 0 14px 0;}
.view_nums_icon {display: inline-block;width: 19px;height: 16px;vertical-align: sub; background: url(/images/icon_views.png) no-repeat center;}
.view_nums {display: inline-block;margin: 0 8px;}

.flol{float: left;}
.flor{float: right;}

@media (max-width:920px){
	.normal_news .new_par_l { width: 100%; }
	.normal_news .new_par_r { width: 100%; }
}
/* 新闻列表 结束 */

/* 公司简介 sub_start */
.neipagename { width: 100%; text-align: center; padding: 50px 0 20px 0; }
.neipagename div { display: inline-block; }
.neipagename .pagename_en { font-size: 38px; line-height: 1em; color: #212121; text-transform: uppercase; }
.neipagename .pagename_ch { font-size: 18px; padding: 0 22px; height: 12px; border-bottom: #212121 solid 1px; }
.neipagename .pagename_ch div { text-align: center; height: 18px; padding: 0 12px; line-height: 18px; background: #FFFFFF; }
.neimenu { text-align: center; width: 100%; border-bottom: #b3b3b3 solid 1px; height: 17px; margin-bottom: 13px; }
.neimenu div { display: inline-block; }
.neimenu div a { float: left; line-height: 30px; background: #FFFFFF; display: inline-block; padding: 0 10px; height: 30px; font-size: 14px; color: #6d6d6d; border: #6d6d6d solid 1px; margin: 0 8px; }
.neimenu div a:hover { color: #005AAD; border: #005AAD solid 1px; }
.neimenu div a.on { color: #005AAD; border: #005AAD solid 1px; }
.about { line-height: 2.5em; font-size:16px; text-indent:2em; }

@media (max-width:920px){
	.neimenu div a { padding: 0 5px; }
}
/* 公司简介 sub_end */

.news_show { font-size: 1.5rem; font-weight: 300; line-height: 2.5em; }
.news_show .tit { font-size: 3.8rem; line-height: 1; margin-bottom: 30px; }
.news_show p { text-indent:2em; }
.news_show *:after { content: normal; display: block; height: auto; clear: both; }

.pro_show { font-size: 1.5rem; font-weight: 300; line-height: 2.5em; }
.pro_show .tit { font-size: 3.8rem; line-height: 1; margin-bottom: 30px; }
.pro_show *:after { content: normal; display: block; height: auto; clear: both; }

@media (min-width: 1365px) {
.container { width: 100%; }
}

.honor_box .img { text-align: center; border: 1px solid #e6e7e7; }
.honor_box .txt { text-align: center; padding: 10px 0px 5px 0px; margin-bottom: 30px; }
.honor_box .img img { transition: transform .35s; }
.honor_box:hover .img img { transform: scale(.94); }
.table_fy_style *:after, .fy_style:after { content: normal; display: block; height: auto; clear: both; }
.main-box a:after { content: normal; display: block; height: auto; clear: both; }
.about p:after { content: normal; display: block; height: auto; clear: both; }
#foot .btm .left *:after { content: normal; display: block; height: auto; clear: both; }</pre></body></html>